Butterfly 极简风美化教程（内容优先｜功能性｜舒适耐看）
目标：把 Hexo + Butterfly 调成 “极简、内容优先、功能齐全但不花哨” 的状态。
核心原则：少动效、少噪音、少装饰；高可读、高一致性、高维护性。
1. 极简风的“设计准则”（先定方向再改配置）
极简不等于“什么都关掉”，而是把视觉注意力交还给内容：
- 降低干扰：打字机字幕、背景特效、花里胡哨的脚本能不用就不用
- 提升阅读体验：字体、行距、段落间距、代码块、引用块、目录
- 信息密度适中：首页摘要不要太长；侧边栏不要堆满小组件
- 性能与稳定性：减少外链 JS、避免重复依赖（例如多余的 jQuery）
2. 你当前配置里，最影响“极简”的点（建议优先处理）
结合你贴出来的 _config.butterfly.yml 片段，最值得先动手的有：
- 顶部大图过强：你几乎所有页面都用同一张
background2.jpg，视觉占比很高 - 首页字幕打字机：动效会抢注意力（你追求内容优先）
- 外链特效脚本：
jquery + fishes.js属于“装饰性强、功能性弱”，且会增加不稳定因素 - 首页摘要 500 字太长：内容密度过大，浏览成本更高
- 侧边栏卡片偏多：可以保留功能，但需要“减法”和“更合理的排序”
3. 推荐的整体策略（最少改动，效果最大）
3.1 顶部大图策略：弱化 / 只在首页保留
极简风里，顶部图可以有，但不要处处都是同一张大背景：
- 首页：可以保留一张轻量、低对比的图（或渐变色）
- 文章页：建议 关闭 top_img（阅读更聚焦）
- 分类/标签/归档页：可使用纯色/渐变，降低视觉噪音
推荐做法 A：全站关闭 top_img（最极简）
disable_top_img: true |
你如果担心逐篇加很麻烦：可以写一个“默认规则”，以后新文章模板里就带
top_img: false（详见第 7 节）。
4. 一份“极简取向”的关键配置（可直接改）
下面是一组“建议值”。你不需要一次全改完，按顺序做即可。
4.1 导航栏：固定 + 简洁（功能性更强）
你目前 nav.fixed: false。极简站点更强调可用性，建议改成固定：
nav: |
菜单建议保留你现有结构，但可以考虑：
- “生活”下的内容如果访问率不高，隐藏到二级页或减少入口
- “留言板 / 关于”保留
- 把“搜索”入口放到明显位置（你已经启用 local_search）
4.2 首页：减少信息噪音（摘要更短、布局更稳定）
你当前：
index_layout: 3（左右交错）index_post_content.length: 500（太长）
极简更推荐“稳定、规律”的布局与更短摘要：
index_layout: 4 |
小技巧：重要文章手动写
description，首页展示会更精致、更可控。
4.3 首页字幕：建议改为静态（减少注意力抢夺）
你目前打字机效果开启且循环。极简风建议关闭动效，只保留一句静态副标题：
subtitle: |
4.4 右下角按钮：保留功能，但更“干净”
你已经开启 readmode、darkmode（很实用）。建议：
- 关闭滚动百分比（你目前就是 false）
- 保留
darkmode.button: true很好 rightside_config_animation若你想更克制，可设为 false
rightside_config_animation: false |
4.5 侧边栏：保留核心功能，删掉“可有可无”
你现在 aside 卡片比较全。极简建议保留：
- 作者信息（card_author）
- 公告（可以更短）
- 最近文章（limit 5）
- 分类（limit 8）
- 标签（建议改为 20~30 且按 name 或 length）
- 归档（limit 6~8）
- 站点信息（可选：PV/UV 对极简站点可能偏“噪音”）
建议调整为：
aside: |
4.6 访问统计：极简风建议默认关闭（隐私 & 噪音）
你现在启用了 busuanzi 的 UV/PV。极简取向常见做法是关闭：
busuanzi: |
4.7 外链特效脚本：建议移除（稳定性 + 简洁）
你当前注入：
inject: |
极简方案：删掉这些装饰脚本，只保留你真正需要的 CSS/JS。
建议只保留自定义样式注入：
inject: |
5. 极简风“质感核心”：自定义 CSS（建议直接抄）
在 source/css/custom.css 新建并写入：
/* ===== 极简阅读体验：整体排版 ===== */ |
并在 _config.butterfly.yml 注入：
inject: |
6. 评论系统的“极简建议”（可选）
你现在用 Valine，能用，但如果你希望：
- 更少后端维护
- 更符合 GitHub 技术社区习惯
- 更简洁一致
可以考虑换 Giscus（基于 GitHub Discussions）。
如果继续 Valine 也可以，极简站点的关键是：评论区样式克制 + 懒加载（可选）。
7. 让“文章页默认无头图”：从根源解决（推荐）
如果你采用“首页保留头图、文章页关闭头图”的折中方案：
7.1 新文章模板里默认带上 top_img: false
你可以在 scaffolds/post.md（或你使用的 scaffold）里加上：
top_img: false |
这样以后每篇新文章天生就是极简阅读模式。
8. 实操顺序（照着做，不容易崩）
- 先改首页摘要与字幕（立刻见效）
- 再弱化/关闭文章页头图（阅读质感直接提升）
- 删除 fishes.js + jQuery（稳定性 + 极简一致性）
- 侧边栏做减法（保留：搜索/分类/归档/最近文章）
- 加上 custom.css 微调排版（最后打磨质感）
9. 部署流程（备忘）
hexo clean && hexo g && hexo d |
结语：极简不是“少”，而是“恰好”
当你把“头图、动效、噪音”拿掉之后，读者会更愿意：
- 停下来读完一篇文章
- 用搜索去翻你写过的内容
- 关注你在写什么，而不是你在“怎么装饰”