更新手账记录了本站 2021-01-23 以来几乎所有美化魔改微调的更新历史，且参考过他人的更新都附有教程链接。
2023
2022
更新手账
- algolia 换成本地搜索（我的 MacBook 不知为何把文章上传到 algolia 一直报错）
- 利用 SiteMap 随机访问站内页面并卸载随机生成文章插件
- 在社交卡片添加和风天气功能
- 升级 Butterfly 主题 4.3.1
- 去除 Twikoo 气泡风格，简洁化
- 去除深浅切换动画
- 将二猹的 Twikoo 表情包下载到本地并上传至 npm
- 将 B 站上的热词表情包链接手动粘贴到表情包 Json 文件里，并用 Python 把图片全部下载到本地，再上传至 npm
- 在腾讯云里批量替换旧的 Twikoo 表情包地址
太折腾了 555
- 样式更改：代码框、目录
- 去除甜甜圈海报 Candy 字体，改成 HarmonyOS_Regular 字体
- 主题色由蒂芙尼色（#81d8cf）更换成颜色更深、饱和度更高的颜色（#1fc7b6），沉稳且精神
- 继续给网站各大板块加上边框，鼠标 hover 后变主题色（仿 Heo）
- 首页顶部组件大改革，除了更改布局以外，还增加了“随便逛逛”组件（仿 Heo）。（随机生成文章插件）
- 各大板块都取消阴影，加上边框，鼠标 hover 后变主题色（仿 Heo）
- 批量替换旧的 Twikoo 表情包地址，修复数据库里旧的 jsdelivr 链接
- 页面框架 Layout 最大宽度由 1200px 改成 1300px
- Snackbar 弹框（仿 Heo）
- 监测复制动作、F11、F12、Ctrl + D，并弹窗提示
- 不蒜子加载过程添加旋转圈圈
- 微调评论区气泡框样式
- 更改首页文章卡片左上角分类 和 加密文章卡片右上角
SECRET角标的样式 - 将剩余的
cdn.jsdelivr.net/gh/链接转换成https://github-do.panbaidu.cn//https://raw.githubusercontent.com/格式，包括表情包
- 添加 Butterfly 主题侧边小组件——土味情话🔥
- 取消首页置顶文章轮播组件 3D 效果，改成默认的滑动
- 更新 Heo 原创表情包
- 将大部分
cdn.jsdelivr.net链接转换成npm.elemecdn.com
2021
更新手账
- 添加英曼天诗留学团队广告页面，并仿照 Heo 设计出右侧组件（点击即可进入）
- 升级 Butterfly 主题 3.8.4
- 取消毛玻璃特效（影响网页性能）
- 斜体字深灰色
- 移动端侧边菜单栏魔改
- 移除移动端首页社交图标
- 借鉴洪哥顶部分类条思路写出了标签条
- 仿 iPhone 未来版 博主社交卡片 🔥 （你又心动吗了？这个就别扒了厚，给孩子一条内裤穿吧，不然就千篇一律了噢）
- 升级 Butterfly 主题 3.8.3
- 给分类页顶部加分类条
- 给加密文章卡片右上方加上
SECRET角标 - 页脚添加工作时间牌
- 搭建 3D 相册网站——诗颂的画廊
- 升级 Butterfly 主题 3.8.2
- 搭建音乐播放网站——诗颂的八音盒
- 升级 Butterfly 主题 3.8.1
- 升级 Butterfly 主题 3.8.0
- 添加首页顶部文章导航组件（仿 Heo）
- 美化文档网站
- 美化文档网站
- 更改文章 h1~6 级标题前 icon 图标🔥
- 魔改打赏按钮
- 更改“博主简介”板块为“关于博主”，且将“数据统计”板块转移进来，同时换成Eurkon 博主教程下的，外加“赞赏名单”，同时更新页脚、导航栏、右侧小组件点击跳转链接。其中个人标签云更换成水平堆叠样式个人标签。
升级 Butterfly 主题 3.7.7
彻底告别 Cannot read property *** of undefined 报错
我站在解决控制台报错前，就 gitcalendar canvas 渲染那的 offsetWidth 读取不到，还有右侧功能组件那，因为我魔改过，禁用了功能展开按钮，估计 JS 代码获取不到功能展开按钮，所以才报错。在相应位置加个问号就行，随便试试居然成功了 👍
- 图片由模糊渐变清晰（butterfly 3.7.7 版本已经有该功能）
- 根据封面图主色调更改博客主题颜色（无情地扒了洪哥 85%的底裤 maybe）
- 导航栏文章标题跟随上下滑动切换（仿 Heo，感觉把洪哥一大半的底裤都扒了 😂 太不好意思了）
- 美化左上角导航栏覆盖效果（仿 Heo）
- 底部分页按钮美化（仿 Heo）
- 自定义指定首页文章卡片高度
- 文章卡片悬停显示文章描述效果（仿 Heo）
- 魔改评论区上方分割线为 bilibili 文章同款
- 删除加载动画，添加顶部加载进度条（仿 Heo）
页脚 footer 自定义魔改（灵感来自于 Heo）
更新网站座右铭（If you had one shot or one opportunity. To seize everything you ever wanted in one moment. Would you capture it or just let it slip?）
- 将深浅转换按钮转移到导航栏（灵感来源于 Heo）
- 搭建 Butterfly 主题 Leancloud 后台的哔哔（腾讯云后台调用莫名其妙出问题了，
无语子） - 搭建蜜云 sweetcloud 主题的情侣哔哔，图标采用了枫妹应援色（
你说我这是。。。hhh） - 更改每一页的文章数量为 12（
<BlogRoot>\_config.yml）
- 更换 Post、Page 字体为 PingFang-SC
- 在“关于我”页面加个人标签云（3D 球样式）
- 运用新拟态风格魔改社交卡片布局 🔥
- 去除社交卡片加庆祝动态背景（动图扣得不仔细，不符合本站风格）
- Hexo 异步加载方案
- 社交图标使用多色 svg 🔥
- 升级 Butterfly 主题 3.7.1
- 哔哔用过去多久来表示时间
- 魔改网站移动端布局为双栏文章卡片 🔥
- 美化文档网站
- 添加 PWA 网站更新弹框以及使网站可安装
- 美化文档网站
- 取消 fancybox，改用 medium_zoom
- 修复 flexcard 友链显示的 Bug
npm install --save hexo-tag-aplayer
- 添加“相册”于导航栏
- 更换 Post、Page 字体为 LXGWWenKai
- 修复“数据统计”pjax 适配 Bug（直接在 md 文件里加
<div class="js-pjax">）
- 让百度收录网址导航
- 增大文章、目录宽度
- gitcalendar 颜色调整（0 次提交对应颜色：rgb(226, 228, 233, 0.6)）
- 更换标题、水平分割线图标
- 增加鼠标点击效果
- 给公告栏加滚动条
- 更换网站背景图案
- 停掉彩色丝带效果
- 更换加载 loading 图案
- 给博客和网址导航添加 wow 动画特效
- Twikoo 评论框高度
- Twikoo 更换表情包
- 修改表情包框宽高（727px，216px）
- 页脚振翅蝴蝶动效
- 升级 Butterfly 主题 3.6.2（进度 100%）
- 升级 Butterfly 主题 3.6.2（进度 20%）
- 修复网址导航网址卡片图片不显示的 Bug（进度 100%）
- 链接按钮、数字图标、代码框样式微改
- 修复网址导航网址卡片图片不显示的 Bug（进度 70%）
- 修复网址导航网址卡片图片不显示的 Bug（将小康导航网站源码和 webstack 官网的结合使用，进度 50%）
- 更改 404 图片
- 修复网址导航网址卡片图片不显示的 Bug（进度 10%）
- 美化网址导航
- 美化网址导航
- 搭建网址导航（进度 100%）
- 删除 coding 静态页面，取消 coding 所有域名解析，仍保持代码部署
- 朋友圈 pjax 适配（删除冰老师前端教程所有提到的操作，直接按照 aki 的前端教程）
- 添加网址导航（进度 20%）
- 添加朋友圈 - 前端（外加美化）
- 添加网址导航（进度 10%）
- 添加评论回邮漫画风格模板
- 添加朋友圈 - 后端
- 添加网址导航（进度 5%）
- 修改表格滚动条显隐逻辑和标题居左显示，外加美化（overflow-x: auto，text-align: left）
- 搜索栏、内容更新图片显示圆角化
- 图片底部标题文字与图片的距离（margin-top: 0）
- 板块顶部图调深
- 文章版权样式美化
- 更新“公告”组件
- 文章版权样式魔改
- 将部分直角框圆角化
- 更换域名为 hassanwong.top
- 利用 Hexo-abbrlink 插件给文章生成唯一链接
- 修复打赏 Trick or Treat 按钮 hover 颜色不全的 Bug
- 将部分 button 框圆角化并带有阴影
- 让百度收录本博客 参考链接 1-知乎 参考链接 2-CSDN
- 修复最新评论 Bug（只能使用一个评论系统）
- Hexo 博客静态资源加速
- GitHub+Coding+Vercel 的三线部署 参考教程 1-Coding 参考教程 2-Vercel
- 增添网站底层徽标（Coding+Vercel）
- 跟随时间自动切换深浅模式（autoChangeMode: 2）
- 修改 gitcalendar 提交次数对应色块的逻辑判断（gitcalendar.pug、gitcalendar-js.pug）
- 自定义 gitcalendar 色阶（类似温度色阶 - 冷色系），以及 Less-More 显示
- siteshot 配置项留空的情况下，使用 thum.io 提供的 API 自动截图。
- 大幅修改 custom.css 文件（突然发现_config.yml 里面有全局字体配置 😭）
- 增加鼠标点击特效（🍁🌸）
- 更改部分板块图标 ICON
- 增加“文章”导航栏，将“时光机”、“标签”和“分类”放进来
- 更换 Valine 为Twikoo评论系统
- 修复 gitcalendar 不显示 Bug（自建 API）
- 更换图片地址
- 修改“歌单”板块文字说明
- 修改“时光机”板块 banner 图（哆啦 A 梦）
- 修改“友人帐”板块 banner 图（哈利波特赫敏罗恩）
- 修改“歌单”板块 banner 图（初音未来）
- 设置自动播放音乐
- “清单”板块改名为“娱乐”
- 在"关于我"板块添加内容
- 在“友人帐”板块增加互加友链的说明
- 设置 Valine 评论邮件提醒 参考教程 1-阳光派 plus 参考教程 2-小康
- Valine 评论添加[博主,小伙伴,访客]标签
- 更改代码块文字大小（16px）
- 更改网站主字体（PingFang-SC）
- 修改文章中错别字以及表达不当的地方
- 修复已失效的友链，并添加新的
- 隐藏内容 hide-content 和加粗 bold 分别按照深浅模式来配置颜色（原色基础上加深/变浅）
- 友链魔改（flexcard 弹性卡片样式）
- 使左上角站点标题跟随文章标题变化
- 将 Gitee 图床转为 GitHub+JsDeliver 图床
- 更改中上方弹框字体和导航栏“娱乐”栏字体大小（Candy，18px）
- 友链卡片透明度和字体（0.55，Candy）
- 更新网站座右铭（宝剑锋从磨砺出，梅花香自苦寒来）
- 修复 gitcalendar 的页面切换回来不显示的 Bug（原因是 aditional-js.pug 文件要添加的代码没有放在.js-pjax 下面）
- 更改诗词标签字体（毛笔行书字体）
- 调整部分地方的字体
- “网站资讯”小组件标题改成“数据统计”
- 调整文章字间距（1px）
- 更改链接颜色（蒂芙尼蓝）
- 隐藏内容 hide-content 加背景颜色（#b4b4b4），以区分
- 修改白天模式、深色模式和阅读模式
- 加深滚动条背景区域颜色（#888888）
- 更改网站主题色（蒂芙尼蓝#81d8cf）
- 自定义 gitcalendar 板块色阶（蒂芙尼蓝由浅入深）
- 更改字体加粗效果（去掉 bold 改为橘粉色高光）
- 网页右侧 button 圆角化
- “歌单“附上功能简介。
- ”影评“、”相册“板块加上”待开发“后缀。
- 给导航栏各个板块的页面标题加英文后缀
- 给”更新日志“板块添加时间轴 timeline 外挂标签
- 增加网站首页置顶 gitcalendar 板块
- 取消全球访客小组件
- 更改网页字体（甜甜圈海报 Candy，OldEnglish）
- 隐藏 Aplayer 的全局吸底音乐标签
- 修改文章透明度（0.9）
- 更改字体大小（标题，文章，小组件，导航栏等等）
- 加深滚动条背景区域颜色（#a8a8a8）
- 将“留言板”更改为“更新手账”
