总览

原文地址: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)

总结

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

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