butterfly折腾心得

魔改了两天的butterfly主题,说下心得吧

# 我的博客

首先给各位观众老爷们看下效果

https://zhenglin-li.github.io/

http://9pshr3.coding-pages.com/

这两个一样的,第二个速度快

# 参考文档

1. butterfly主题官方的参考文档:https://demo.jerryc.me/

2. 0基础从hexo开始的参考文档:https://www.jianshu.com/p/a1a4ebf0e5fc

3. 0基础从hexo开始的参考文档:https://blog.csdn.net/weixin_42429718/article/details/105723193


4. 音乐页面的参考文档:https://blog.csdn.net/qq_46435629/article/details/106295515

5. hexo douban的使用参考文档:https://github.com/mythsman/hexo-douban

6. 在butterfy中使用iconfont图标:https://blog.csdn.net/u012208219/article/details/106883012/

# 坑

1. 刚开始改主题配置文件的时候,一定要记得修改的是`blog根目录/source/_data`下的`butterfly.yml`,没有你就创建一个,然后把本来的配置文件里的代码复制过去再进行修改

2. 参考文档里面对增加音乐界面的描述不是很清楚,可以参考https://blog.csdn.net/qq_46435629/article/details/106295515

3. 在hexo douban的使用中

    1. 书籍电影游戏页面分别对应books、movies、games


    2. 注意这里不用hexo new page books,hexo douban会自动生成的


    3. hexo douban是利用爬虫来实现的,每日在终端(powershell或git bash)输入`hexo douban -bgm`多次会触发豆瓣的反爬虫机制,导致获取不到数据的情况,等过一天就好了

    附报错提示:

    ```

    INFO  0 books have been loaded in 1336 ms, because you are offline or your network is bad

INFO  0 movies have been loaded in 1409 ms, because you are offline or your network is bad

INFO  0 games have been loaded in 1360 ms, because you are offline or your network is bad

```

4. 在butterfy中使用iconfont图标:https://blog.csdn.net/u012208219/article/details/106883012/