HEXO 指定404页面_html/css_WEB-ITnose-html教程-PHP中文网

HEXO 指定404页面_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:57:18

原创

1605人浏览过

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

@@######@@

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

@@######@@

如下图：

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

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

立即学习“前端免费学习笔记（深入）”；

此时就大功告成了

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

                        <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">                      <!DOCTYPE html>                        </p>                        <p class="sycode">                      <html lang="en">                        </p>                        <p class="sycode">                      <head>                        </p>                        <p class="sycode">               	       <meta charset="UTF-8">                        </p>                        <p class="sycode">               	       <title>404       </title>                        </p>                        <p class="sycode">                      </head>                        </p>                        <p class="sycode">                      <body>                        </p>                        <p class="sycode">                            	自定义                        </p>                        <p class="sycode">                      </body>                        </p>                        <p class="sycode">                      </html>                        </p>

登录后复制

                        <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">                      <!DOCTYPE html>                        </p>                        <p class="sycode">                      <html lang="en">                        </p>                        <p class="sycode">                      <head>]\                        </p>                        <p class="sycode">	                        </p>                        <p class="sycode">               	       <meta charset="UTF-8">                        </p>                        <p class="sycode">               	       <title>404       </title>                        </p>                        <p class="sycode">                      </head>                        </p>                        <p class="sycode">                      <body>                        </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">                      </body>                        </p>                        <p class="sycode">                      </html>                        </p>

登录后复制