Hexo - 免费搭建个人博客06 - 安装、切换主题Butterfly

导言

---

如上所示，进入官方的主题页面。

如上所示，主题页面有很多主题（422个）。

一、Butterfly

---

目前，我比较喜欢Butterfly主题。

如上所示，在搜索栏输入“butt"后就能看到Butterfly主题。

二、安装Butterfly主题

---

如上所示，可以通过git或npm指令安装Butterfly主题。

如上所示，通过git clone指令完成了主题的安装。

如上所示，在项目的themes文件夹多了一个butterfly文件夹。 安装真的成功了！

三、切换Butterfly主题

---

如上所示，使用如下终端指令安装渲染插件。

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

四、测试新主题

---

4.1、本地链接http://localhost:4000/

如上所示，使用Hexo的三合一指令生成博客。

如上所示，个人博客的主题更换了Butterfly主题了。

4.2、github链接

如上所示，使用另外一个Hexo的三合一指令，将本地个人博客更新到github托管的网页上。

如上所示，网址：https://q164129345.github.io/ 更新了Butterfly主题。