如何美化博客界面
安装 Butterfly 主题（确保文件完整）
打开 CMD，进入博客目录，逐行复制执行（不要手动输，避免空格 / 拼写错）：
bash
运行
1. 进入博客目录
cd C:\Users\qaz18\myblog
2. 克隆 GitHub 上的 Butterfly 主题（原版完整文件）
git clone https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
3. 安装主题必需依赖（关键！之前漏装导致过模板报错）
npm install hexo-renderer-pug hexo-renderer-stylus –save
步骤 3：配置根目录 _config.yml（指定使用 Butterfly 主题）
打开 myblog/_config.yml，找到最后面的 theme: 行，修改为：
yaml
theme: butterfly # 重点：冒号后必须有一个空格！
保存文件（这一步告诉 Hexo 用刚安装的 Butterfly 主题）。
步骤 4：配置红白配色（只改配置文件，不碰模板）
打开 myblog/themes/butterfly/_config.yml，搜索 theme_color，找到后替换为以下内容（直接复制，格式已验证）：
yaml
theme_color:
enable: true
main: “#E53935” # 主色：正红色（按钮、线条、强调色）
paginator: “#E53935” # 分页器颜色：红色
button_hover: “#C62828” # 按钮悬停：深红色
text: “#212121” # 正文文字：深灰（保证可读性）
background: “#FFFFFF” # 全局背景：纯白色
entry: “#FFFFFF” # 文章卡片背景：白色
entry_hover: “#F5F5F5” # 文章卡片悬停：浅灰
entry_border: “#E53935” # 文章卡片边框：红色（红色为线核心）
divider_color: “#E53935” # 分隔线：红色
link_color: “#E53935” # 链接颜色：红色
hr_color: “#E53935” # 分割线：红色
三、进阶美化（可选，基于 GitHub 开源资源）
如果想进一步定制，可从 Butterfly 社区 / GitHub 找开源配置：
顶部大图：找 GitHub 上的「红白极简背景图」（比如 https://github.com/topics/hexo-cover），下载后放到 themes/butterfly/source/img，在 _config.yml 里配置：
yaml
cover:
enable: true
path: /img/你的红白背景图.jpg
字体 / 排版：在 theme/butterfly/_config.yml 的 font 段修改，用 GitHub 上的开源字体（比如思源黑体）：
yaml
font:
enable: true
bodyFont:
family: “Noto Sans SC, Microsoft YaHei, sans-serif”
size:
desktop: ‘16px’
插件美化：安装 GitHub 上的 Hexo 开源插件（比如阅读量、目录）：
bash
运行
安装文章目录插件
npm install hexo-butterfly-toc –save
🔺hexo clean && hexo generate
hexo server -p 4002 # 用你当前可用的端口
🔺cd C:\Users\qaz18\myblog
hexo clean # 清空旧缓存，避免配置不生效
hexo generate # 重新解析文章和配置（无报错/警告）
hexo server -p 4001 # 启动预览
