拉取主题代码

1
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

配置主题应用

将blog根目录下的_config.yml文件中的主题配置由landscape改为butterfly。

1
theme: butterfly

将blog\themes\butterfly目录下的_config.yml文件复制一份到blog根目录下，并将复制的文件改名为_config.butterfly.yml。

安装插件

1
npm install hexo-renderer-pug hexo-renderer-stylus --save

测试验证

1
2
#本地测试
hexo clean && hexo g && hexo s

在浏览器中访问 http://localhost:4000/ ，查看Butterfly主题安装是否成功。

博客搭建系列文章
  1. Hexo-Butterfly美化教程-[1]基础环境
  2. Hexo-Butterfly美化教程-[2]Butterfly主题安装
  3. Hexo-Butterfly美化教程-[3]建主要页面
  4. Hexo-Butterfly美化教程-[4]修改配置文件
  5. Hexo-Butterfly美化教程-[5]安装常用插件
  6. Hexo-Butterfly美化教程-[6]开启博客评论
  7. Hexo-Butterfly美化教程-[7]功能魔改(源码方式)
  8. Hexo-Butterfly美化教程-[8]随鼠标变幻的动态粒子线条背景
  9. Hexo-Butterfly美化教程-[9]繁沙
  10. 在Github上使用OsmosFeed搭建在线RSS阅读器（无需服务器）