总览

原文地址：Hexo中Buttefly最新教程总览 | 偷掉月亮 (moonshuo.cn)

本人使用Hexo博客已经将近一年，并且使用的是Next主题，网址为moonshuo.cn,现在想要更换为Butterfly主题，现在从0开始进行相关的配置作为教程介绍。

工具准备

  1. Node.js（必要工具）
  2. Git（必要工具）
  3. 腾讯云存储桶（图床使用，其他的存储桶也可以，但是为了访问速度建议使用国内的存储桶，大概一个月0.3元，如果访问量比较高也就1元左右）
  4. 自定义域名（腾讯云或者阿里云自行购买，建议所有的服务在同一家，这样配置简单好多）
  5. 腾讯云静态页面托管服务（一年大概9.9元，这里为了访问速度不部署在GitHub上）
  6. 腾讯云CDN加速服务（一年3元左右，如果流量很大的的话，也会贵一点，这个是可选的，但是如果启用文章与图片访问速度都会加快）

流程

  1. 环境配置—-Hexo中Buttefly之基础环境配置（一） | 偷掉月亮 (moonshuo.cn)
  2. Butterfly配置—-Hexo中Buttefly主题配置(二) | 偷掉月亮 (moonshuo.cn)
  3. 腾讯云部署与加速—-Hexo中Buttefly腾讯云部署（三） | 偷掉月亮 (moonshuo.cn)
  4. 文章标签与图床的选择—-Hexo中Buttefly文章标签与图床的选择（四） | 偷掉月亮 (moonshuo.cn)
  5. 搜索殷勤收录—-Hexo中Buttefly被百度，Bing等搜索引擎收录（五） | 偷掉月亮 (moonshuo.cn)
  6. 主题美化—-Hexo中Buttefly主题配置美化（六） | 偷掉月亮 (moonshuo.cn)
  7. 评论系统设置与美化—-Hexo中Buttefly主题Waline评论系统配置以及美化（七） | 偷掉月亮 (moonshuo.cn)
  8. 主题美化进阶—-Hexo中Buttefly主题美化进阶（八） | 偷掉月亮 (moonshuo.cn)
  9. 主题功能增强—-Hexo中Buttefly主题功能增强（九） | 偷掉月亮 (moonshuo.cn)
  10. 主题美化进阶续篇—-Hexo中Buttefly主题美化进阶续篇（十） | 偷掉月亮 (moonshuo.cn)
  11. 主题美化续篇—-Hexo中Buttefly主题美化进阶续篇（十一） | 偷掉月亮 (moonshuo.cn)
  12. 公告栏设置与适配—-Hexo中Buttefly主题公告栏设置与适配（十二） | 偷掉月亮 (moonshuo.cn)

总结

在美化的过程中见过了参考了很多大佬的博客，自己也做出了一些修改，还有一些功能与自己预期的不相符合，博主自己也没有找到关键的更改代码，暂时不向大家展示，后续会继续更新的，大家如果有问题，可以去博客底下评论，有邮件通知，回复消息更加快速！！！

感谢Hexo官方提供的这么简便的搭建方法，一句牛批( ఠൠఠ )ﾉ