Next新增404页面

添加404页面其实有两种方式

1. 根目录添加404.html

直接在source目录下添加404.html文件,和source/_posts目录同级,文件内容如下:

1
2
3
4
5
6
7
8
9
10
11
layout: false
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>404</title>
</head>
<body>
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="/" homePageName="返回"></script>
</body>
</html>

这个页面是腾讯的寻人页面,如果说想要在主页菜单项也能访问的话,就在_config.next.yml中的menu选项,取消commonweal: /404/ || fa fa-heartbeat的注释,此时主页就会多出一个 公益菜单

404菜单


2. 创建404菜单目录

和新增菜单项的过程一样,执行hexo new page 404,就会在博客根目录/source/下创建一个404文件夹,其中会有一个index.md文件,修改文件内容为:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
---
title: 404
date: 2023-07-06 09:44:20
permalink: /404
---

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>404</title>
</head>
<body>
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="/" homePageName="返回"></script>
</body>
</html>

记得index.md文件的front-matter内容,要添加permalink: /404,否则设置不会生效