Hexo添加自定义404页面

1. 创建自定义页面
1
➜  cd hexo_root_path && hexo new page 404
2. 修改 404 文件

打开 source/404/index.md,添加如下内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
---
title: '404'
permalink: /404
date: 2020-10-16 15:19:35
comments: false
layout: false
---

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="robots" content="all" />
<meta name="robots" content="index,follow"/>
</head>
<body>
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="https://blog.sqiang.net" homePageName="返回博客首页"></script>
</body>
</html>

提示:这里是直接使用的腾讯公益404页面,你也可以添加任意文字或 HTML 代码,只要保证头部 --- 中间的设置与本文一致即可。

3. 部署
1
➜  hexo clean && hexo g -d
4. 修改服务器设置
  • Github Pages 不需要特殊处理
  • Nginx

    1
    2
    # 修改或添加以下 404 页面配置
    error_page 404 /404.html;
5. ok