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 使用技巧类的内容都在此页更新