Butterfly主题美化备忘

终于找到了自己喜欢的主题,折腾了这么久也终于可以安安稳稳的写点东西了,感觉自己想改得东西改的也有七七八八了,下一步就是找 下个主题折腾 安心写点东西了。

那么开始吧

看板娘(血小板、血小板、血小板)

  1. 为了这个看板娘可是让我整了好久好久,Google、百度各种帖子,群里各种问问题,自己花样作死,终于到了一个自己可以勉强看得过的样子,虽然还没有做到最好,但是我已经尽我最大的努力了。后面会附上我引用的帖子和帮助过我的大佬,由于过程太复杂,不能把所有的帖子都放上,见谅吧。

  2. 下面是代码时间,基于Butterfly 3.3主题,hexo: 5.2.0,来吧,展示

  3. 在开始之前先说好哈,所有操作都是本人(小白)自己看教程加上自己的“小聪明”,对,就是马老师说的年轻人的小聪明,我看到以后,“啪”的一下点进去了,很快哈

  4. 首先需要你找到主题配置文件,如果你严格按照Butterfly主题文档设置的话,应该在你blog的根目录中,有个名字为_config.butterfly.yml的文件,就是主题配置文件,打开,定位到 *inject* 然后就是在 bottom 项下添加如下代码:

     
    1
    2
    ​#看板娘
    ​ - '<script data-pjax src="https://fastly.jsdelivr.net/gh/yml66/live2d/js/index.js"></script>'
  • 是引用通过jsdelivr加速后的GitHub仓库的资源,反正这是我最终的解决办法了,如果你想自己整的话,可以克隆下我的仓库,或者直接去下面的链接中自己一步步的设置,如果想跟我同款的话可以直接按照上面设置。

看板娘有关的链接如下:

​ - 缘丶星

​ - 后宫学长

​ - 模型出处

​ - 手机端不显示

​ - 等等

背景图片与鼠标样式、鼠标滑动等特效

  • 这些都是从 小康大佬大佬哪里偷来的,具体可以去哪里看的,按需选择!

完工,睡觉😴!