我的Hexo博客搭好了06 - 怎么给文章分类、打标签、展示目录

文章系列导航

1. 第01篇 - 选择困难症发作
2. 第02篇 - 搭建过程之：披荆斩棘，晋级啦！
3. 第03篇 - 搭建过程之：一路踩坑
4. 第04篇 - 备份Hexo博客的源码目录，上传到Gitee仓库
5. 第05篇 - 更换Hexo主题
6. 第06篇 - 怎么给文章分类、打标签、展示目录
7. 第07篇 - 怎么制作/about/、/categories/、/tags/页面
8. 第08篇 - 让世界找到我——SEO大冒险(站点地图制作和提交)
9. 第09篇 - 添加统计字数和阅读时长的插件
10. 第10篇 - 怎么插入图片和视频
11. 第11篇 - 怎么创建文章系列导航
12. 第12篇 - 自动提交URL到搜索引擎(IndexNow + Google Search Console)
13. 持续更新中...

1 给文章分类、打标签

打开 _posts 目录下的文章文件，在 Front-matter 中添加分类和标签。

---
# 分类配置方式1，表示该文章分别属于3个不同的分类“教程”、“博客搭建”、“Hexo”
categories:
  - 教程
  - 博客搭建
  - Hexo
# 分类配置方式2，表示该文章属于一个3层的分类 “教程 -> 博客搭建 -> Hexo”
categories: [教程, 博客搭建, Hexo]
# 标签配置
tags:
  - 个人技术博客搭建
  - Hexo
  - GitHub Pages
---

2 文章中展示目录

2.1 方式1

打开 _posts 目录下的要编辑的文章文件，在 Front-matter 中添加目录配置。

注意：这是该文章的局部配置，优先级高于全局配置。

---
# 目录配置
toc:
  # 是否启用目录
  enable: true
  # 是否自动添加目录编号
  number: true
  # 是否自动换行
  wrap: false
  # 是否展开所有目录项
  expand_all: false
  # 最大目录深度
  max_depth: 6
---

2.2 方式2

在themes/next/ 目录下的 _config.yml 文件中，找到 toc 配置项，进行和上面类似的配置。

注意：这是该主题的全局配置，优先级较低。

最佳实践： 可以先进行全局配置。然后如果对某篇文章有特殊需求，再进行局部配置。

toc:
  enable: true
  # Automatically add list number to toc.
  number: true
  # If true, all words will placed on next lines if header width longer then sidebar width.
  wrap: false
  # If true, all level of TOC in a post will be displayed, rather than the activated part of it.
  expand_all: false
  # Maximum heading depth of generated toc.
  max_depth: 6