Hexo系列教程(七):自定义404页面

既然是自己的网站,没有自己的404页面怎么行?可是该如何创建,这个问题困扰了我好久,各种百度无果,后来笔者突发奇想,且听我慢慢道来,搬个小凳子做好~

创建404页面

不管会不会设置过滤,总得轮子造好吧~

嗯,先造轮子

hexo new [post] "404"

创建新的page已经是手到擒来…

虽说没百度到如何设置过滤,倒也见过了一些博主的404页面。俗话说得好,没吃过猪肉,还没见过猪跑吗

借鉴了一些博主的404,有的是直接把腾讯的公益404搬了过来,倒也省心,还做了公益,可惜那页面毫无违和感,加上我是那么容易满足,那么草草了事的人吗?明显不是,还是自己搞吧~

忽然想起来见过一些博主的404上面有网易云音乐,拿过来,逼格肯定增添不少,想完便立马百度去了,这里我就不再赘述了,给大家截个图吧。

之后,将代码粘贴到自定义页面即可。

设置过滤

在这里我确实遇到了不少的坑,

1.一开始,我以为是通过标签来显示404页面的,因为主题中有个注释的字段commonweal,所以添加了标。结果无效

2.后来我看到一些博主github的404.html是在根目录下面,所以就把404.md文件放在了/source目录下面,然而还是无效,后来我就纳闷了,,,无果而终

3.后来我就使用了暴力法:

  • 1.进入 Hexo 所在文件夹,输入 hexo new page 404 ;
  • 2.打开刚新建的页面文件,默认在 Hexo 文件夹根目录下 /source/404/index.md;
  • 3.将其发布到github,然后复制其生成的html(在404文件夹下),然后在项目根目录创建一个404.html,粘贴代码
  • 4.成功

非得霸王硬上弓。。。

这方法有个缺陷,当使用
hexo clean(清理 database 和 /public目录, /public 目录里是生成的静态文件数据)时,github上的404.html会被清除。

不过后来无意中发现了一个方法,没有办法测试,在这里贴出来,希望读者测试后能告诉我效果

  • 启动 Git Bash,进入 Hexo 所在文件夹,输入 hexo new page 404 ;
  • 打开刚新建的页面文件,默认在 Hexo 文件夹根目录下 /source/404/index.md;
  • 在顶部插入一行,写上permalink: /404,这表示指定该页固定链接为 http://"主页"/404.html
title: 404 Not Found:该页无法显示

toc: false

comments: false

permalink: /404

参考链接:

http://moxfive.xyz/2015/10/16/hexo-404-page/

https://help.github.com/articles/creating-a-custom-404-page-for-your-github-pages-site/

something more

如果你有使用多说评论,自然不想在非文章页面显示评论,可以在文章开头加上

comments: false

热评文章