Hexo 初探 增加标签和分类页面

新的项目,安装了主题,修改了主题对应的配置文件 _config.yml,如下:

1
2
3
4
5
6
7
8
9
menu:
home: / || home
# about: /about/ || user
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive
#schedule: /schedule/ || calendar
#sitemap: /sitemap.xml || sitemap
commonweal: /404/ || heartbeat

很好,但前端点击 标签 或 分类时,出现404错误。这两个页面本来该自动出现的,但是没有。要我说这算是 hexo 的 bug。好在已经找到解决方案。

添加标签页

1
2
# hexo new page tags
# INFO Created: ~/Documents/hexo/source/tags/index.md

会创建 tags/index.md 文件,修改文件内容如下示例:

1
2
3
4
---
type: tags
date: 2018-06-28 18:23:15
---

关键在于 type ,hexo会自动计算标签和链接。

添加分类页

1
2
# hexo new page categories
# INFO Created: ~/Documents/hexo/source/categories/index.md

会创建 categories/index.md 文件,修改文件内容如下示例:

1
2
3
4
---
type: categories
date: 2018-06-28 18:23:15
---

关键在于 type ,hexo会自动计算分类的统计。

添加自定义菜单页

1
2
# hexo new page "guestbook"
# INFO Created: ~/Documents/hexo/source/guestbook/index.md

在主题的 _config.yml 文件中的 menu 中进行匹配

1
2
3
4
5
6
7
8
9
10
menu:
home: / || home
about: /about/ || user
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive
schedule: /schedule/ || calendar
sitemap: /sitemap.xml || sitemap
commonweal: /404/ || heartbeat
guestbook: /guestbook #自定义

关于 公益的404 的应用

菜单上的链接

人人其实都有一颗公益的心,只是有的做的多,有的人做的少

回到最开始的菜单配置,这是为你的博客添加了一个 “公益404”的菜单

1
2
3
menu
...
commonweal: /404/ || heartbeat

实际上该菜单指向一个普通页面

1
hexo new page 404

修改 source/404/index.md 内容如下:(支持 https 噢)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
---
title: 404
date: 2018-07-02 14:29:31
---

<!DOCTYPE html>
<html lang="zh-cn">
<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" homePageName="返回大力的首页" homePageUrl="/"></script>
</body>
</html>

当页面真的找不到时

在 source 目录下创建 404.md 并复制上边的内容。
本地测试时,该页面不能正常显示。在 github.io 上是可正常使用。

关于 Hexo 使用技巧类的内容都在此页更新