从零开始搭建 Hexo + NexT 个人博客(第二章:博客配置)

🎭 第二章:博客配置 - 为面具注入灵魂

“每一个面具背后都有一个故事,每一个配置背后都有一个灵魂” - 现在是时候为您的数字面具注入独特的个性了。

在第一章中,我们搭建了博客的基础架构。现在,让我们为这个舞台添加戏剧性的元素,让”V’s Joker”的个性在每一个配置中闪闪发光。

🏛️ 站点信息配置 - 舞台的身份证

1. 编辑主配置文件 _config.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
# 网站基本信息 - V's Joker 的身份
title: "V's Joker"
subtitle: 'Remember remember the chaos and smile'
description: '在混沌中寻找真相,在黑暗里绽放微笑'
keywords:
- V's Joker
- 小丑 (Joker)
- Code Space
- 混沌理论 (Chaos Theory)
- 戏剧沉思 (Theatrical Musings)
- 蒙面真相 (Masked Truths)
author: V.Joker
language: zh-CN
timezone: 'Asia/Shanghai'

# URL 配置
url: https://你的域名.com
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
trailing_index: true
trailing_html: true

# 目录结构
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang

# 写作配置
new_post_name: :title.md
default_layout: post
titlecase: false
external_link:
enable: true
field: site
exclude: ''
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true

# 分页设置
per_page: 10
pagination_dir: page

# 摘要设置 - 支持 Read More 功能
excerpt_description: true
auto_excerpt:
enable: true
length: 150

# 分类映射(V's Joker 5分类系统)
category_map:
混沌理论: chaos-theory
戏剧沉思: theatrical-musings
蒙面真相: masked-truths
笑面余音: echo-of-smile
规则之外: beyond-rules

# RSS Feed 配置(替代 subscribe 页面)
feed:
enable: true
type: atom
path: atom.xml
limit: 20
content: true
content_limit: 140

# 主题设置
theme: next

🎨 主题配置 - 为面具添加色彩

1. 编辑主题配置文件 _config.next.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
# 主题风格选择(Gemini 最适合戏剧性展示)
scheme: Gemini

# 网站图标配置
favicon:
small: /images/favicon-16x16.png
medium: /images/favicon-32x32.png
apple_touch_icon: /images/apple-touch-icon.png

# 菜单配置 - 舞台的导航(简化版本)
menu:
home: / || fa fa-home
archives: /archives/ || fa fa-archive
categories: /categories/ || fa fa-th
tags: /tags/ || fa fa-tags
about: /about/ || fa fa-user

# 头像设置 - V's Joker 的面具
avatar:
url: /images/avatar.png
rounded: true
rotated: true
animation: true

# 社交链接 - 连接混沌网络
social:
GitHub: https://github.com/你的用户名 || fab fa-github
E-Mail: mailto:你的邮箱 || fa fa-envelope
RSS: /atom.xml || fa fa-rss

# Read More 按钮
read_more_btn: true

# 本地搜索
local_search:
enable: true
top_n_per_article: 1
unescape: false
preload: false

# 页脚设置(关闭powered by信息)
footer:
powered: false

# 自定义页脚
custom_file_path:
footer: source/_data/footer.njk

📝 创建页面 - 搭建舞台的各个角落

1. 创建关于页面

1
hexo new page about

编辑 source/about/index.md

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
---
title: 关于我
date: 2025-06-01
type: about
comments: false
---

# 🎭 关于 V's Joker

> "面具背后,是真相的探寻者;代码之中,是混乱的创造者。"

## 🃏 小丑的自白

欢迎来到混沌与秩序交织的数字舞台。我是 V.Joker,一个在代码世界中寻找真相的数字小丑。

在这里,你会发现:
- **混沌理论**:技术探索与代码哲学
- **戏剧沉思**:对生活、技术、社会的深度思考
- **蒙面真相**:揭示表象背后的本质
- **笑面余音**:日常记录、阶段总结、生活琐事
- **规则之外**:游戏体验、兴趣分享、数字叛逆

## 🎪 舞台规则

1. **保持好奇心** - 质疑一切,包括这些规则
2. **拥抱混沌** - 在不确定中寻找机会
3. **微笑面对** - 即使在最黑暗的代码bug中
4. **记住记住** - 每一次失败都是下一次成功的伏笔

> "记住,记住,混沌与微笑" - V.Joker

🏷️ 创建分类和标签页面(重要!)

1. 创建分类页面

1
hexo new page categories

⚠️ 关键配置:编辑 source/categories/index.md,必须添加 type: categories

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
---
title: 文章分类
date: 2025-06-01
type: categories
---

# 🎭 V's Joker 的文章分类

> "每个面具背后都有不同的故事,每个分类背后都有独特的思考" - 在混沌中寻找秩序,在戏剧中体验真实。

## 🎪 分类说明

欢迎来到V's Joker的数字舞台,这里的每个分类都代表着不同的表演主题:

- **🌀 混沌理论**:技术探索与代码哲学 - 技术混沌如同Joker的笑容,无法预测却意味深长
- **🎭 戏剧沉思**:生活感悟、思辨随想、社会观察 - 每一篇思考如舞台上的独白,带有强烈的情绪表达
- **🎪 蒙面真相**:报告分析、数据解读、安全审计 - 披着面具的揭示,挖掘隐藏在系统或人性背后的真相
- **😄 笑面余音**:日常记录、年度总结、生活回顾 - 日常混乱的片段,带着轻狂与自省
- **🎮 规则之外**:游戏体验、兴趣探索、数字狂欢 - 挑战规则,享受游戏世界的混乱与乐趣

---

*"记住,记住,混沌与微笑"* - 让我们开始这场精彩的假面舞会吧!

2. 创建标签页面

1
hexo new page tags

⚠️ 关键配置:编辑 source/tags/index.md,必须添加 type: tags

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
---
title: 文章标签
date: 2025-06-01
type: tags
---

# 🏷️ V's Joker 的文章标签

> "每一个标签都是思想的碎片,每一个关键词都是灵魂的印记" - 在混沌的标签云中,找到你感兴趣的话题。

## 🎭 标签说明

欢迎来到V's Joker的标签宇宙!这里收集了所有文章的关键词标签,帮助您快速找到感兴趣的内容:

### 🌀 技术类标签
- **Hexo****NexT**:博客搭建相关
- **技术分享****DevOps****编码哲学**:技术探索
- **系统架构****代码分析**:深度技术

### 🎪 思考类标签
- **生活随笔****反思录**:日常感悟
- **社会评论****哲学思辨**:深度思考
- **V's Joker**:独特标识

### 🎮 兴趣类标签
- **游戏分享****Steam杂谈**:游戏体验
- **数字游民****模拟人生**:数字生活

### 📝 记录类标签
- **年终总结****状态更新**:时间记录
- **日常笔记****生活记录**:琐碎片段

---

*点击任意标签,开始您在混沌世界中的探索之旅!*

**🎭 "记住,记住,混沌与微笑"**

🎨 个性化定制

1. 自定义页脚

创建 source/_data/footer.njk

1
2
3
<footer class="custom-footer">
<p>"微笑是混乱的最佳面具。"</p>
</footer>

⚠️ 注意:只保留哲学名言,避免与主题默认页脚重复。

2. 安装必要插件

1
2
3
4
5
6
7
8
# RSS Feed 插件(替代 subscribe 页面)
npm install hexo-generator-feed --save

# 搜索功能
npm install hexo-generator-searchdb --save

# 站点地图
npm install hexo-generator-sitemap --save

🚀 测试配置

1. 清理并重新生成

1
2
hexo clean
hexo generate

2. 常见问题解决

问题1:分类页面显示空白

  • 解决:确保 source/categories/index.md 包含 type: categories

问题2:标签页面显示空白

  • 解决:确保 source/tags/index.md 包含 type: tags

问题3:页脚显示重复信息

  • 解决:在 _config.next.yml 中设置 powered: false

问题4:Read More 功能不显示

  • 解决:在文章中添加 <!-- more --> 标签,并确保配置了自动摘要

3. 启动本地服务器

1
hexo server

访问 http://localhost:4000 检查:

  • 分类页面是否正确显示分类列表
  • 标签页面是否正确显示标签云
  • RSS 订阅链接是否工作
  • 页脚是否只显示一次

🎭 V’s Joker 写作指南

文章创建模板

1
hexo new post "文章标题"

文章 Front-matter 示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
---
title: "我与混沌理论的第一次邂逅"
date: 2025-06-04 20:00:00
categories:
- 混沌理论
tags:
- 技术哲学
- 编码思考
- V's Joker
---

# 文章标题

> "一句富有哲理的小丑名言" - 引言内容

文章开头内容...

<!-- more -->

## 正文内容

详细的文章内容...

分类使用建议

分类名称 适用内容 推荐标签
混沌理论 技术探索、代码哲学、架构设计 技术分享、DevOps、编码哲学
戏剧沉思 生活感悟、思辨随想、社会观察 生活随笔、反思录、社会评论
蒙面真相 报告分析、数据解读、安全审计 研究报告、代码分析、真相挖掘
笑面余音 日常记录、年度总结、生活回顾 日常笔记、年终总结、生活记录
规则之外 游戏体验、兴趣探索、数字狂欢 游戏分享、Steam杂谈、数字游民

🎪 小结:面具已有灵魂

恭喜!您已经为博客注入了”V’s Joker”的灵魂。现在您的博客拥有了:

  • ✅ 完整的站点信息配置
  • ✅ 5个独特的分类系统
  • ✅ 正确配置的分类和标签页面
  • ✅ 简洁的导航菜单
  • ✅ RSS 订阅功能
  • ✅ Read More 功能
  • ✅ 个性化页脚

在下一章《配置进阶》中,我们将:

  • 配置评论系统和搜索功能
  • 添加统计分析和主题定制
  • 优化SEO和性能
  • 解决更多实际使用中的问题

“配置不仅是技术,更是艺术。每一个设置都在诉说着创作者的故事” - V.Joker


下一章预告:《第三章:配置进阶 - 让舞台更加精彩》