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. 博客根目录下执行
    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

随缘更新ing

魔改大佬们