Hexo博客设置404页面

在Github上搭建的Hexo博客设置404页面

在Github上设置404页面很简单,只要将404页面文件命名为404.html放在source文件夹下就可以了。

有一点要注意的是:如果是自定义的404html文件需要在代码最顶部添加如下代码:

1
2
3
4
---
layout: false
title: "404"
---

这样Hexo就不会对这个html文件进行渲染了。

为Hexo设置腾讯公益404页面

公益404页面

腾讯有一个公益404的服务,只需要新建一个404.html写入如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
---
layout: false
title: "404"
---
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="https://www.ly554.com/" homePageName="回到我的主页"></script>
</body>
</html>

其中homePageUrl后面可以设置为你的博客地址,homePageName是显示的回到我的主页那几个字,可以进行自定义。

这样便可以调用腾讯的公益404,当有人访问你的网站出现404错误时会显示寻人启事。

Hexo Next主题在导航栏添加公益404按钮

Next主题为我们打包好了公益404按钮的选项,只要打开主题配置文件,找到如下字段:

1
2
3
menu:
..
#commonweal:

将menu下面的commonweal前面的#去掉就可以在导航栏显示公益404了。

更改导航栏公益404选项文字

想要更改导航栏上面显示的公益404字样,如下操作。

如果你一开始配置Hexo时设置了显示中文(zh-Hans),就可以直接打开语言配置文件:

1
2
3
中文语言配置文件位置:

\themes\next\languages\zh-Hans.yml

更改下面这段中的公益404几个字,改成你想设置的。

1
2
3
4
5
6
7
8
9
10
menu:
home: 首页
archives: 归档
categories: 分类
tags: 标签
about: 关于
search: 搜索
schedule: 日程表
sitemap: 站点地图
commonweal: 公益404

要注意冒号后面有个空格,千万别忘了,不加空格会无效。