2022
5月更新记录

2022年5月 Butterfly主题魔改记录

2022-05-01 Butterfly主题v3.5.1升级到v4.2.0

  1. 访问Butterfly主题页面,按照文档拉取新的主题,并完成基础参数配置。

2022-05-02 Butterfly主题微调

  1. 参考Akilar大佬的文章,为Butterfly主题的顶栏配置动态彩色图标。
  2. 参考Akilar大佬的文章,实现标签外挂效果。
  3. 添加了打赏投币动态效果以及白天黑夜切换动画效果。
  4. 参考Eurkon大佬的文章为标签添加文章数上下标。

2022-05-03 Butterfly主题微调

  1. 添加了本地文章搜索功能。
  2. 使用hexo-abbrlink插件为文章生成短链。
  3. 参考Akilar大佬的文章,添加Butterfly主题底部标签。
  4. 参考Akilar大佬的文章,添加网页留言板块。
  5. 对Butterfly主题的黑夜阅读模式进行修改。
  6. 添加站点公祭日自动变灰判定和站点动态栏聚焦。

2022-05-06 Butterfly魔改

  1. 参考Akilar大佬文章,对主题顶栏菜单栏进行样式魔改。
  2. 参考Eurkon大佬的文章,添加了博客文章、博客站点统计echarts图。
  3. 添加了Twikoo、Waline评论系统,并对Twikoo进行美化,实现气泡评论样式和侧边栏评论展开。
  4. 添加随机阅读文章功能,美化了版权申明。
8月更新记录

2022年8月 Butterfly主题魔改记录

2022-08-07 Butterfly首页文章卡片修改

  1. 参考Akilar大佬文章,对首页文章卡片进行样式魔改,魔改后样式出现问题,见下图:

根据大佬的反馈,该修改方案由于存在滥用伪类和偏移,在自适应上效果不是很好,等待大佬更新方案ing~

2022-08-08 Butterfly首页分类磁贴插件魔改+些许微调

  1. 对文章底部打赏按钮进行了微调,参考Akilar大佬的教程

  2. 参考Akilar大佬的文章,增加了基于Butterfly主题的首页分类磁贴,并对文章的目录层级进行了修改。发现插件版磁铁存在展示所有分类的问题而不仅仅是展示一级分类,并对大佬提供的插件里的js代码逻辑进行了修改,实现了只展示一级分类的效果,并优化了展现结果的稳定新,参见此文章

  3. 参考Akilar大佬的教程,增加了首页轮播栏;
  4. 参考Akilar大佬的文章的评论区,对底部页脚蝴蝶震翅蝴蝶位置偏上进行了调整,在custom.css文件里修改了样式,使其居中;
  5. 参考Akilar大佬的文章的评论区,对Native JS Timer中的shield标签的API返回结果下载保存成svg静态资源,以解决每次都请求API来加载徽标非常慢的问题;
  6. 参考Akilar大佬的文章,对Native JS Timer中的时钟样式进行了修改,美化了时钟展示效果;

2022-08-09 Butterfly博客统计修改

  1. 由于先前设置的博客统计接口存在一些问题,数据没有呈现,所以这里参考Eurkon大佬的文章进行排查,重新上线API数据接口;
  2. 参考Eurkon大佬的文章,隐藏归档页、标签页、分类页、友链页的侧边栏;
  3. 在动态分类条基础上,参考Eurkon大佬的文章,添加分类标签导航条(由于Eurkon大佬的动态分类导航条会将所有分类列出,这就导致有些二级分类URL地址出错,访问不到,所以对大佬原方案代码进行了修改,参见此文章—记录一次Butterfly分类标签导航栏修改
  4. 参考HEO大佬的文章实现博客右键自定义(魔改存在问题,已废弃,后续增添);

2022-08-10 Butterfly友链修改

  1. 参考Akilar大佬的文章给归档页面添加十二生肖图标美化;
  2. 参考Akilar大佬的文章,对友链页面进行美化,并配置了友链站点自动截图;
  3. 参考Akilar大佬的文章,添加友链朋友圈;

2022-08-11 Butterfly友链修改

  1. 参考文章对Hexo博客标签进行美化,并对标签美化出现的问题进行了修正,参见此文章
  2. 调整了博客首页文章高度,以及文章页面的相关推荐border属性;

2022-08-12 Butterfly标签数字修复+Butterfly样式主题微调

  1. 参考文章对Hexo博客标签进行美化,并对标签美化出现的问题进行了修正,参见此文章
  2. 参考Leonus的博客样式,扒了下leonus.css样式,借鉴修改了本博客的样式;

2022-08-14 Butterfly博客访问统计api修复+博客首页文章卡片文字样式及侧边栏博主卡片美化+twikoo留言弹幕

  1. 对博客访问统计api进行了修复;
  2. 对博客首页文章悬浮颜色样式进行了修改;
  3. 参考Eurkon的样式对博客侧边栏博主描述卡片进行了一定的美化;
  4. 参考KIKA的文章对twikoo样式进行魔改,增添留言弹幕页面(需要引入jquery);
  5. 将yml文件中部分魔改和插件css以及js文件放入相应的页面pug文件中,避免过多的js全局加载引发bug;