我的主题美化流水

//leancloud:yreIiU5nVqSVh3cw6wQvlRQ7-MdYXbMMI,bXfdmJDJS2Hy4n9sRgzyqlMV,https://yreiiu5n.api.lncldglobal.com

问题描述

《关于我 Butterfly 主题的所有美化 | 小嘉的部落格》. 见于 2022年2月19日. https://blog.imzjw.cn/posts/b74f504f/#首页背景图.
https://tongji.baidu.com/web/welcome/login
修改了渐变背景

部署Twikoo评论

部署百度统计

部署博文统计

按照教程部署

发现不行

报错cheerio

npm安装

特别注意的是要引入在head而非footer

正式美化流程

渐变背景 https://fivefirex.github.io/posts/custom-beauty.html
小冰插件包 https://zfe.space/post/hexo-butterfly-orchid.html

gitcalender
double row 后期可魔改https://zfe.space/post/52914.html

为板块边框增加霓虹效果 https://fivefirex.github.io/posts/custom-beauty.html 后续可以考虑利用此css优化视觉效果
太丑了，又给把css注释掉了
二级菜单居中https://www.sianx.com/posts/c32b6e4c/
网址栏动态标题https://fivefirex.github.io/posts/custom-beauty.html
公祭日全站变灰https://fivefirex.github.io/posts/custom-beauty.html
外挂标签语法插件化安装https://akilar.top/posts/615e2dec/
美化版权栏https://www.nesxc.com/butterfly/post/hexocc.html
配置哔哔并使用https://blog.imzjw.cn/posts/b74f504f/#外挂标签
自定义样式适配暗色模式https://guole.fun/posts/butterfly-custom/#自定义样式适配暗色模式
图片下的说明文字居中https://guole.fun/posts/butterfly-custom/#图片下的说明文字居中
给每个图片下增加个小图标https://guole.fun/posts/butterfly-custom/#给每个图片下增加个小图标

待完善
文章轮播https://guole.fun/posts/butterfly-custom/#首页文章轮播模块效果不好换成https://zfe.space/post/hexo-swiper.html
文章分类磁贴https://guole.fun/posts/butterfly-custom/#首页文章分类磁贴https://akilar.top/posts/a9131002/
首页文章列表hover效果https://guole.fun/posts/butterfly-custom/#首页文章列表效果 ,与双栏不太搭配，暂时关掉了。……又舍弃双栏选了这个。
自定义了widget
移入了codepen的css
先关掉黑石哔哔
增加哔哔轮播，自定义margin解决重合问题https://guole.fun/posts/butterfly-custom/ 爬了人家的加速，后期自己部署
终于发现了问题，是要加上访问权限

小冰插件包使用pug挂载，解决非插件包排序问题
设置了hexo-abbrlinkhttps://www.jianshu.com/p/c7de2ae59975

天气插件https://www.nesxc.com/73/ index.pug中增加margin

双栏显示改成了本地css实现，便于自定义 https://zfe.space/post/hexo-butterfly-article-double-row.html

自己写了摸鱼人日历，使用了地址：http://d.jiek.top/KbaG 的api接口，通过js进行自动更新

使用腾讯云进行网站托管、加速、自动部署，注意，要设置为web应用托管从而从gitee拉取代码，而不是静态网站托管

部署了gulp压缩https://blog.imzjw.cn/posts/b74f504f/#gulp-压缩

增加了FAA https://gitee.com/mirrors_l-lin/font-awesome-animation?_from=gitee_search npm即可 https://lovelijunyi.gitee.io/posts/c898.html#动画图标

在css改了bber和widget的背景透明度

用最暴力的方法修复了bber不够长的问题，但还没有本质解决

bber的logo从svg换到了fa，并用faa加了动画

更改了twikoo样式https://akilar.top/posts/d99b5f01/

暂停了首页轮播图服务