Hexo 系列文章功能 - 组织相关内容的最佳实践

写了很多相关的文章，但读者不知道该按什么顺序阅读？系列文章功能帮你解决这个问题！本教程教你如何使用 Butterfly 主题的系列文章功能。

📋 目录

什么是系列文章

1. 定义

系列文章（Series） 是将多篇相关文章组织在一起的功能，让读者可以按照特定顺序阅读。

2. 展示效果

启用系列文章后，在文章页面会显示：

1
2
3
4
5
📚 本文属于「Hexo魔改教程」系列
├── 1. Hexo 性能优化 - 代码压缩配置教程
├── 2. Hexo SEO 优化 - 站点地图配置教程
├── 3. Hexo 数据统计 - 百度统计与 Google Analytics 配置教程
└── 4. Hexo 系列文章功能 - 组织相关内容的最佳实践 (当前)

3. 功能特点

✅ 自动编号：按顺序显示文章编号
✅ 导航便捷：点击即可跳转到其他文章
✅ 高亮当前：当前文章会特殊标记
✅ 自动排序：可按标题或日期排序

为什么需要系列文章

1. 提升用户体验

问题：

  • 读者不知道从哪篇文章开始读
  • 找不到系列的其他文章
  • 不清楚文章之间的关系

解决：

  • ✅ 清晰的阅读顺序
  • ✅ 方便的文章导航
  • ✅ 完整的知识体系

2. 增加页面浏览量

效果：

  • 📈 读者会连续阅读系列文章
  • 📈 降低跳出率
  • 📈 增加停留时间
  • 📈 提升 SEO 排名

3. 构建知识体系

优势：

  • 📚 系统化的内容组织
  • 📚 循序渐进的学习路径
  • 📚 完整的教程体系
  • 📚 专业的内容呈现

4. 适用场景

系列文章特别适合：

  • 📖 教程系列：如「Python 入门教程」
  • 🔧 技术专题：如「Vue 3 实战系列」
  • 📝 连载小说：如「我的编程之路」
  • 🎯 项目实战：如「从零搭建博客系统」

启用系列文章功能

1. 打开配置文件

编辑 _config.butterfly.yml 文件，找到 series 配置项：

1
2
3
4
5
6
7
8
9
10
# 系列
series:
  # 是否启用系列
  enable: true
  # 按标题或日期排序
  orderBy: 'title'
  # 排序方式。1, asc 为升序; -1, desc 为降序
  order: 1
  # 是否显示编号
  number: true

2. 配置说明

参数 说明 可选值 推荐值
enable 是否启用系列功能 true/false true
orderBy 排序依据 ‘title’/‘date’ ‘title’
order 排序方式 1（升序）/-1（降序） 1
number 是否显示编号 true/false true

3. 生成网站

配置完成后，执行：

1
2
hexo clean
hexo generate

创建系列文章

1. 基本用法

在文章的 Front Matter 中添加 series 字段：

1
2
3
4
5
---
title: 文章标题
date: 2026-01-07
series: 系列名称
---

2. 示例：创建教程系列

第一篇文章

1
2
3
4
5
6
7
8
9
10
11
12
13
14
---
title: Python 入门教程（一）：环境搭建
date: 2026-01-01
tags:
  - Python
  - 教程
categories:
  - 编程语言
series: Python 入门教程
---

# Python 入门教程（一）：环境搭建

本文是 Python 入门教程的第一篇...

第二篇文章

1
2
3
4
5
6
7
8
9
10
11
12
13
14
---
title: Python 入门教程（二）：基础语法
date: 2026-01-02
tags:
  - Python
  - 教程
categories:
  - 编程语言
series: Python 入门教程
---

# Python 入门教程（二）：基础语法

本文是 Python 入门教程的第二篇...

第三篇文章

1
2
3
4
5
6
7
8
9
10
11
12
13
14
---
title: Python 入门教程（三）：数据类型
date: 2026-01-03
tags:
  - Python
  - 教程
categories:
  - 编程语言
series: Python 入门教程
---

# Python 入门教程（三）：数据类型

本文是 Python 入门教程的第三篇...

3. 排序规则

按标题排序（推荐）

如果 orderBy: 'title'，文章会按标题的字母/数字顺序排序。

技巧：在标题中添加序号

1
2
3
title: Python 入门教程（一）：环境搭建
title: Python 入门教程（二）：基础语法
title: Python 入门教程（三）：数据类型

或者使用数字前缀：

1
2
3
title: 01 - 环境搭建
title: 02 - 基础语法
title: 03 - 数据类型

按日期排序

如果 orderBy: 'date'，文章会按发布日期排序。

注意：确保日期设置正确

1
2
3
date: 2026-01-01  # 第一篇
date: 2026-01-02  # 第二篇
date: 2026-01-03  # 第三篇

4. 多个系列

你可以创建多个不同的系列：

1
2
3
4
5
6
7
8
# 系列 1：Python 教程
series: Python 入门教程

# 系列 2：Vue 教程
series: Vue 3 实战系列

# 系列 3：博客搭建
series: Hexo 博客搭建指南

配置选项详解

1. orderBy - 排序依据

按标题排序（title）

1
2
series:
  orderBy: 'title'

优点：

  • ✅ 顺序可控（通过标题命名）
  • ✅ 适合教程系列
  • ✅ 逻辑清晰

缺点：

  • ❌ 需要在标题中添加序号
  • ❌ 修改标题会影响排序

适用场景：

  • 教程系列
  • 技术专题
  • 有明确顺序的内容

按日期排序（date）

1
2
series:
  orderBy: 'date'

优点：

  • ✅ 自动按时间排序
  • ✅ 适合连载内容
  • ✅ 无需修改标题

缺点：

  • ❌ 顺序由发布时间决定
  • ❌ 后期插入文章困难

适用场景：

  • 连载小说
  • 日记系列
  • 时间线内容

2. order - 排序方式

升序（1）

1
2
series:
  order: 1

效果：

1
2
3
1. 第一篇
2. 第二篇
3. 第三篇

适用：大多数情况

降序（-1）

1
2
series:
  order: -1

效果：

1
2
3
3. 第三篇
2. 第二篇
1. 第一篇

适用：倒序展示（如最新的在前）

3. number - 显示编号

启用编号（true）

1
2
series:
  number: true

效果：

1
2
3
4
📚 本文属于「Python 入门教程」系列
├── 1. Python 入门教程（一）：环境搭建
├── 2. Python 入门教程（二）：基础语法
└── 3. Python 入门教程（三）：数据类型 (当前)

禁用编号（false）

1
2
series:
  number: false

效果：

1
2
3
4
📚 本文属于「Python 入门教程」系列
├── Python 入门教程（一）：环境搭建
├── Python 入门教程（二）：基础语法
└── Python 入门教程（三）：数据类型 (当前)

最佳实践

1. 命名规范

系列名称

推荐：

  • ✅ 简洁明了：「Python 入门教程」
  • ✅ 突出主题：「Vue 3 实战系列」
  • ✅ 统一风格：「Hexo 博客搭建指南」

不推荐：

  • ❌ 太长：「从零开始学习 Python 编程语言完整教程系列」
  • ❌ 太模糊：「教程」
  • ❌ 包含特殊字符：「Python@教程#系列」

文章标题

推荐格式：

1
系列名称（序号）：具体内容

示例：

1
2
3
title: Python 入门教程（一）：环境搭建
title: Python 入门教程（二）：基础语法
title: Python 入门教程（三）：数据类型

或者：

1
序号 - 具体内容

示例：

1
2
3
title: 01 - 环境搭建
title: 02 - 基础语法
title: 03 - 数据类型

2. 内容组织

合理的文章数量

  • ✅ 3-10 篇：最佳范围
  • ⚠️ 10-20 篇：可以接受
  • ❌ 20+ 篇：考虑拆分成多个系列

文章长度

  • 每篇文章保持适中长度（1000-3000 字）
  • 避免单篇文章过长或过短
  • 保持系列内文章长度相对均衡

内容连贯性

  • 前后文章要有逻辑关系
  • 避免跳跃式的内容
  • 适当回顾前文内容
  • 为后续文章做铺垫

3. 导航优化

在文章开头添加系列导航

1
2
3
4
> 本文是「Python 入门教程」系列的第二篇。
>
> 上一篇：[Python 入门教程（一）：环境搭建](/2026/01/01/python-tutorial-01/)
> 下一篇：[Python 入门教程（三）：数据类型](/2026/01/03/python-tutorial-03/)

在文章结尾添加系列索引

1
2
3
4
5
6
7
8
9
## 系列文章

本文是「Python 入门教程」系列的一部分，完整系列包括：

1. [环境搭建](/2026/01/01/python-tutorial-01/)
2. [基础语法](/2026/01/02/python-tutorial-02/)（本文）
3. [数据类型](/2026/01/03/python-tutorial-03/)
4. [流程控制](/2026/01/04/python-tutorial-04/)
5. [函数与模块](/2026/01/05/python-tutorial-05/)

4. SEO 优化

统一的标签和分类

1
2
3
4
5
6
tags:
  - Python
  - 教程
categories:
  - 编程语言
series: Python 入门教程

内部链接

在文章中添加指向系列其他文章的链接：

1
2
3
在[上一篇文章](/2026/01/01/python-tutorial-01/)中，我们学习了如何搭建 Python 环境...

关于数据类型的详细内容，我们将在[下一篇文章](/2026/01/03/python-tutorial-03/)中介绍...

5. 更新维护

保持更新

  • 定期检查系列文章的内容
  • 及时更新过时的信息
  • 补充新的知识点

完整性

  • 确保系列文章完整
  • 避免留下”待续”的文章
  • 如果系列未完成，在首篇说明

示例：完整的系列文章

系列：Hexo 魔改教程

第一篇

1
2
3
4
5
6
7
8
9
10
11
---
title: Hexo 性能优化 - 代码压缩配置教程
date: 2026-01-07 18:00:00
tags:
  - Hexo
  - 性能优化
  - 教程
categories:
  - Hexo博客
series: Hexo魔改教程
---

第二篇

1
2
3
4
5
6
7
8
9
10
11
---
title: Hexo SEO 优化 - 站点地图配置教程
date: 2026-01-07 19:00:00
tags:
  - Hexo
  - SEO
  - 教程
categories:
  - Hexo博客
series: Hexo魔改教程
---

第三篇

1
2
3
4
5
6
7
8
9
10
11
---
title: Hexo 数据统计 - 百度统计与 Google Analytics 配置教程
date: 2026-01-07 20:00:00
tags:
  - Hexo
  - 数据统计
  - 教程
categories:
  - Hexo博客
series: Hexo魔改教程
---

第四篇

1
2
3
4
5
6
7
8
9
10
11
---
title: Hexo 系列文章功能 - 组织相关内容的最佳实践
date: 2026-01-07 21:00:00
tags:
  - Hexo
  - Butterfly
  - 教程
categories:
  - Hexo博客
series: Hexo魔改教程
---

常见问题

1. 系列文章不显示？

可能原因：

  • series.enable 未设置为 true
  • 文章的 series 字段拼写错误
  • 缓存未清理

解决方法：

1
2
3
4
5
6
# 检查配置
cat _config.butterfly.yml | grep -A 5 "series:"

# 清理缓存
hexo clean
hexo generate

2. 排序不正确？

原因：

  • 标题命名不规范
  • 日期设置错误
  • orderBy 配置不当

解决方法：

  1. 检查 orderBy 设置
  2. 统一标题命名格式
  3. 确保日期正确

3. 如何修改系列名称？

方法：

  1. 批量修改所有相关文章的 series 字段
  2. 重新生成网站

技巧：使用编辑器的批量替换功能

4. 可以一篇文章属于多个系列吗？

答案：不可以。

Butterfly 主题的系列功能只支持一篇文章属于一个系列。

替代方案：

  • 使用标签（tags）组织多个主题
  • 使用分类（categories）建立层级关系

总结

已实现的功能

✅ 系列文章功能：将相关文章组织成系列
✅ 自动编号：按顺序显示文章编号
✅ 灵活排序：支持按标题或日期排序
✅ 导航便捷：点击即可跳转

使用效果

通过系列文章功能，我的博客实现了：

  • 📚 内容体系化：知识结构更清晰
  • 📈 浏览量提升：读者连续阅读多篇文章
  • ⏱️ 停留时间增加：用户体验更好
  • 🎯 专业度提升：内容组织更专业

配置要点

  1. 启用功能：series.enable: true
  2. 选择排序方式：按标题或日期
  3. 统一命名规范：系列名称和文章标题
  4. 保持内容连贯：前后文章逻辑清晰

下一步优化

除了系列文章，还可以：

  • 📊 添加系列进度条
  • 🔗 优化系列导航样式
  • 📱 适配移动端显示
  • 🎨 自定义系列卡片样式

参考资源

结语

系列文章功能是组织内容的强大工具。通过本教程，你已经学会了如何使用 Butterfly 主题的系列文章功能，可以开始创建自己的系列教程了！

记住：好的内容组织，能让读者更容易理解和吸收知识！

如果你有任何问题或建议，欢迎在评论区留言交流！

Happy Blogging! 📚