更新手账记录了本站 2021-01-23 以来几乎所有美化魔改微调的更新历史,且参考过他人的更新都附有教程链接。
2022
更新手账
- 将二猹的Twikoo表情包下载到本地并上传至npm
- 将B站上的热词表情包链接手动粘贴到表情包Json文件里,并用Python把图片全部下载到本地,再上传至npm
- 在腾讯云里批量替换旧的 Twikoo 表情包地址
太折腾了555
- 样式更改:代码框、目录
- 去除甜甜圈海报 Candy字体,改成 HarmonyOS_Regular 字体
- 主题色由蒂芙尼色(#81d8cf)更换成颜色更深、饱和度更高的颜色(#1fc7b6),沉稳且精神
- 继续给网站各大板块加上边框,鼠标 hover 后变主题色(仿 Heo)
- 首页顶部组件大改革,除了更改布局以外,还增加了“随便逛逛”组件(仿 Heo)。(随机生成文章插件)
- 各大板块都取消阴影,加上边框,鼠标 hover 后变主题色(仿 Heo)
- 更改首页文章卡片左上角分类 和 加密文章卡片右上角
SECRET
角标的样式 - 将剩余的
cdn.jsdelivr.net/gh/
链接转换成https://github-do.panbaidu.cn//https://raw.githubusercontent.com/
格式,包括表情包
2021
更新手账
- 添加Doki 同学广告页面,并仿照 Heo 设计出右侧组件(点击即可进入)
- 借鉴洪哥顶部分类条思路写出了标签条
- 仿 iPhone 未来版 博主社交卡片 🔥 (你又心动吗了?这个就别扒了厚,给孩子一条内裤穿吧,不然就千篇一律了噢)
- 更改“博主简介”板块为“关于本站”,且将“数据统计”板块转移进来,同时换成Eurkon 博主教程下的,外加“赞赏名单”,同时更新页脚、导航栏、右侧小组件点击跳转链接。其中个人标签云更换成水平堆叠样式个人标签。
- gitcalendar 更换冷色系温度阶梯色调(高饱和度 200)
- “歌单”、“博主简介”板块顶部大版文字轮播(仿 Heo)
- 添加“影院”板块(扒自realwds)
- 导航栏文章标题跟随上下滑动切换(仿 Heo,感觉把洪哥一大半的底裤都扒了 😂 太不好意思了)
- 魔改评论区上方分割线为 bilibili 文章同款
- 添加隐私协议、版权协议页面
- 修复打赏框 hover 的 bug(reward.styl)
- 更换 Post、Page 字体为 PingFang-SC
- 给社交卡片加庆祝动态背景
- 参考Heo对本站进行样式微调(导航栏,目录,分类页面美化,文章卡片)
- 取消 fancybox,改用 medium_zoom
- 修复 flexcard 友链显示的 Bug
- 让百度收录网址导航
- 增大文章、目录宽度
- gitcalendar 颜色调整(0 次提交对应颜色:rgb(226, 228, 233, 0.6))
- 升级 Butterfly 主题 3.6.2(进度 100%)
- 升级 Butterfly 主题 3.6.2(进度 20%)
- 修复网址导航网址卡片图片不显示的 Bug(进度 100%)
- 链接按钮、数字图标、代码框样式微改
- 修复网址导航网址卡片图片不显示的 Bug(进度 70%)
- 修复网址导航网址卡片图片不显示的 Bug(将小康导航网站源码和 webstack 官网的结合使用,进度 50%)
- 更改 404 图片
- 修复网址导航网址卡片图片不显示的 Bug(进度 10%)
- 删除 coding 静态页面,取消 coding 所有域名解析,仍保持代码部署
- 朋友圈 pjax 适配(删除冰老师前端教程所有提到的操作,直接按照 aki 的前端教程)
- 添加网址导航(进度 20%)
- 修改表格滚动条显隐逻辑和标题居左显示,外加美化(overflow-x: auto,text-align: left)
- 搜索栏、内容更新图片显示圆角化
- 图片底部标题文字与图片的距离(margin-top: 0)
- 板块顶部图调深
- 更换图片地址
- 修改“歌单”板块文字说明
- 修改“时光机”板块 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 板块色阶(蒂芙尼蓝由浅入深)