HEXO 指定404页面_html/css_WEB-ITnose

HEXO 指定404页面
由于Hexo托管于github，所以加404页面非常容易，只需要在xxx.github.io下面新建一个404页面即可。代码如下：

<p class="sycode"> 1 </p> <p class="sycode"> 2 </p> <p class="sycode"> 3 </p> <p class="sycode"> 4 </p> <p class="sycode"> 5 </p> <p class="sycode"> 6 </p> <p class="sycode"> 7 </p> <p class="sycode"> 8 </p> <p class="sycode"> 9 </p> <p class="sycode"> 10 </p>

<p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> <meta charset="UTF-8"> </p> <p class="sycode"> </p><title>404 </title> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> 自定义 </p> <p class="sycode"> </p> <p class="sycode"> </p>

我们也可以使用腾讯的公益404页面
将页面中的javascript代码拷贝到我们的代码中就可以了

<p class="sycode"> 1 </p> <p class="sycode"> 2 </p> <p class="sycode"> 3 </p> <p class="sycode"> 4 </p> <p class="sycode"> 5 </p> <p class="sycode"> 6 </p> <p class="sycode"> 7 </p> <p class="sycode"> 8 </p> <p class="sycode"> 9 </p> <p class="sycode"> 10 </p> 11

<p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> </p>]\ <p class="sycode"> </p> <p class="sycode"> <meta charset="UTF-8"> </p> <p class="sycode"> </p><title>404 </title> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> <script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8"> </script> </p> <p class="sycode"> </p> <p class="sycode"> </p>

如下图：

这时候你会发现，当你再次部署hexo的时候，github上面的404页面又被删除了。这是因为你hexo在你本地的文件夹内并没有这个文件，所以一同步就没了。即使你在本地根目录加了，hexo也会删除。

所以，这个404的页面要放到source目录下面。（注意，不要放到source下的post里面）
放在source下的文件会被上传但不会被解析到文章里面，source目录结构如下

此时就大功告成了

在你的域名下输入个不存在的，就能看到结果