Butterfly主题美化/魔改日记

  1. 声明一下，博主这没啥前端基础，写的可能很烂，这边只是自己记录一下
  2. 这边的魔改都源自于别的大佬，链接放在最后了，大家有问题可以去看他们的
  3. 以下魔改可能涉及修改主题源码，大家做好备份
  4. 魔改后有出错可以百度，谷歌，必应，一般都能解决哈
  5. 以下内容可能会不间断更新，现版本为，框架Hexo:5.4.0主题Butterfly:4.1.0

插件类魔改

添加看板娘

  1. 在Butterfly的主题配置文件_config.butterfly.yml中引入
    1
    2
    3
    4
    5
    6
    7
    8
    9
    # Inject
    # Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
    # 插入代码到头部 </head> 之前 和 底部 </body> 之前
    inject:
      head:
       # - <link rel="stylesheet" href="/xxx.css">
      bottom:
       # - <script src="xxxx"></script>
    +    - <script data-pjax defer src="https://npm.elemecdn.com/yanya-live2d-widget/autoload.js"></script>
  2. 保存文件修改，然后执行Hexo“三连”
    1
    2
    3
    hexo clean
    hexo g
    hexo s
    马上就可以在localhost:4000看到预览效果

要详细了解的小伙伴这边走~QwQ💦Link start！！

添加外挂标签

  1. 在博客 的根目录下执行
    1
    npm install hexo-butterfly-tag-plugins-plus --save
  2. 具体配置方案请参看插件文档
    hexo-butterfly-tag-plugins-plus

依旧还是Akilar糖果屋店长~OvO💦Link start！！

留言板动态弹出信封样式

  1. 在博客 的根目录下执行
    1
    npm install hexo-butterfly-envelope --save
  2. 具体配置方案请参看插件文档
    hexo-butterfly-envelope

没错，还是Akilar糖果屋店长的教程~Link start！！

页脚电子钟和Github徽标

  1. 在博客 的根目录下执行
    1
    npm install hexo-butterfly-footer-beautify --save
  2. 具体配置方案请参看插件文档
    hexo-butterfly-footer-beautify
  1. 页脚电子钟
  2. Github徽标

侧边栏说说

  1. 在博客 的根目录下执行
    1
    2
    3
    # 如果安装过原版artitalk,请先卸载
    npm uninstall hexo-butterfly-artitalk --save
    npm install hexo-butterfly-artitalk-pro --save

  2. 具体配置方案请参看插件文档
    hexo-butterfly-artitalk-pro

  3. 首次使用需要完成前置任务 ，请前往🔗教程索引 查看

这边这边，配置过程可能会有点麻烦OwO💦

时钟卡片

  1. 在博客 的根目录下执行
    1
    npm install hexo-butterfly-clock --save
  2. 具体配置方案请参看插件文档
    hexo-butterfly-clock

点击前往糖果屋~OuO

随缘更新ing

魔改大佬们

Akilar
敬请期待