介绍
Hexo 是一款静态博客框架，它提供了丰富的插件扩展功能。其中 hexo-generator-tag 插件可以自动生成标签页面，方便博客阅读和分类。
本文将详细介绍如何使用 hexo-generator-tag 插件，并提供示例代码和指导意义。
安装
首先需要安装 Hexo：
npm install -g hexo-cli
然后在 Hexo 博客目录中安装 hexo-generator-tag 插件：
npm install hexo-generator-tag --save
配置
在 Hexo 的 _config.yml 文件中添加以下配置：
-- -------------------- ---- ------- - ---------- -- -------- ------------------------ -------- - ------------------ - --- -- ---------------------------------------------------- -------------- --------- -- - --------- ------------------ ---- - --------- ---------------- ---- - ----------- -------------- ---
以上配置项分别表示：
plugins: 启用插件，这里是启用hexo-generator-tag插件。tag_generator: 配置标签生成器，包括每页显示文章数量、是否生成标签索引页以及是否生成标签云。
使用
创建标签
在文章的 front-matter 中添加 tags 属性，并将标签名以数组的形式存储：
--- title: Hello World date: 2022-04-01 10:00:00 tags: - JavaScript - Hexo ---
同一篇文章可以添加多个标签，标签之间用逗号隔开。
生成标签页面
运行以下命令来生成标签页面：
hexo generate
运行完毕后，在 public 目录下就能找到所有标签的页面了。如果没有出现想要的标签页面，可以尝试重新运行命令或者检查文章是否添加了正确的标签。
标签云
如果在配置中开启了标签云选项，还需要安装 hexo-tag-cloud 插件：
npm install hexo-tag-cloud --save
然后在 Hexo 的 _config.yml 文件中添加以下配置：
# Tag cloud tagcloud: min_font_size: 16 # 最小字体大小 max_font_size: 26 # 最大字体大小 text_font_weight: normal # 字体粗细 amount: 50 # 显示的标签数量
以上配置项分别表示：
min_font_size、max_font_size：标签字体大小范围。text_font_weight：标签字体粗细。amount：显示的标签数量。
然后可以在主题模板中使用 {% tagcloud %} 标签来显示标签云。
结语
hexo-generator-tag 插件可以非常方便地生成标签页面，并且支持标签云。希望本文能够帮助你更好地使用 Hexo 来管理博客，提高博客的可读性和分类效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/44993