HEXO 指定404页面_html/css_WEB-ITnose-tutoriel HTML-php.cn

HEXO 指定404页面_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-24 11:57:18

original

1403 Les gens l'ont consulté

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>

Copier après la connexion

                        <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>

Copier après la connexion

我们也可以使用腾讯的公益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

Copier après la connexion

                        <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>

Copier après la connexion

如下图：

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

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

此时就大功告成了

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