📝 更新日志

本站更新内容记录，仅作为备忘日志，采用时间倒序排列。记录避免过于详细，以月为基本单位。

🐉 2024年​

10月​

• 图片套壳美化工具新增 iPhone 16 主题模型，并提供多种边框颜色选择
• 首页工具介绍模块样式改版
• 增加主题背景设置
• 新增页面CSS网格背景代码生成器

09月​

• 图片美化工具新增Huawei P40 Pro、Samsung Galaxy Watch 4、iMac Pro、Minimal Phone等模型
• 修改图片美化工具滑动组件样式
• 图片美化工具图片四个角支持拖动放大缩小模型尺寸
• 图片美化工具增加可选择的背景图片的预设
• 图片套壳美化工具新增截图功能，调用浏览器 getDisplayMedia 接口实现
• 新增博客文章【更新了，图片美化工具迎来两大功能】
• 图片套壳美化工具新增 CSS Doodle 背景设置
• 图片套壳美化工具新增导出图片自定义尺寸设置

08月​

• 博客文章更新：两个月后，我又开发了一款图片美化工具
• 首页改版内容更新，新增自建工具介绍
• 首页增加邮件订阅功能
• 增加 react-hot-toast 组件，本站的信息提示使用该组件完成
• 图片美化工具新增微博、小红书尺寸导出
• 文字卡片工具新增纸板背景主题
• Screenshot 工具菜单弹窗新增样例图片介绍
• 图片美化工具保存的历史数据提供删除功能
• docusaurus 版本升级到3.5，有个重大改动，#10313 和 #10316 涉及到 @docusaurus/theme-common/internal 中部分 API 位置的调整，和 Blog 相关的移到 @docusaurus/plugin-content-blog/client 中，和 Docs 相关的移动到 @docusaurus/plugin-content-docs/client 中。
• Screenshot 模型下图片显示方式，高度撑满，宽度自适应
• 图片美化工具新增iPhone 14、iPhone SE、Surface Book、Studio Display、Apple Watch Series 8、iPad Air等模型

07月​

• 导出图片功能从 html2canvas 迁移到 html-to-image，兼容性更好，速度也更快
• 图片套壳美化工具设置项样式美化
• 图片套壳美化工具新增浏览器模型，拓展模型样式
• 图片套壳美化工具增加本地缓存数据功能，可快速通过历史缓存的配置数据制作图片
• 文档页侧边栏增加自定义工具广告显示
• 图片套壳美化工具新增平板模型
• 新增笔记本，台式，手表类型模型

06月​

• 为网站开启阿里云 CDN 服务
• 制作截图、设备套壳图片工具页面 ScreenShot

05月​

• 新增博客文章【关于英文学习，我最近做的事】
• 新增骑行轨迹
• 新增博客【Web 开发中动画的另一种实现方式 Lottie】
• 404 页面修改原图片，更换动画图案
• 新增博客【技术博客的内容形式发展趋势】
• 新增 物料 页面

04月​

• 新增博客文章【日常开发中树形结构数据的几种处理方式】
• 创建“我在用”页面，灵感来源：https://github.com/wesbos/awesome-uses
• 完善文档 Flexbox 布局教程
• 跑步路线图（足迹）页面增加地图显示当鼠标在图表上悬浮位置功能
• 优化跑步路线图在图表上渲染数据计算逻辑
• 文字卡片工具新增插入 Emoji 表情符号
• 文字卡片工具新增背景图片上传功能
• 文字卡片工具背景渐变色支持引导到第三方网站粘贴 CSS 代码来改变背景色

03月​

• 更新 Nextjs 专题文档，重新梳理目录，完善内容
• 封面图制作工具新增主题
• 新增博客文章【程序员的底层思维与能力培养】
• 代码片段栏目下小程序部分新增“城市足迹”文档，地址
• 文字卡片页面功能新增字体大小设置

02月​

• 修改主题 Admonition 组件的样式
• 创建 我的足迹 页面通过 Strava 工具采集路径坐标等信息，在 Web 端用高德地图进行绘制。
• 新增博客文章【如何使用数据可视化库 D3 绘制折线统计图】

01月​

• 采用 TinyPNG 压缩静态资源目录中使用到的图片。
• 导航栏“关于”下级新增“了解作者”页面，访问 地址。
• 博客文章详情页新增功能操作栏，包含鼓励、快速到达评论、博客文字音频播放、分享到微博和 X 等社交平台和复制文章链接等功能集合。
• 博客文章头部信息中增加隐藏侧边栏配置项 hide_sidebar，博客正文根据是否隐藏侧边栏和有右侧标题列表显示不同宽度并居中。
• 新增博客文章【魔改 Docusaurus，给博客文章页面增加了几个功能】
• 创建封面图制作页面，设置文章标题、图标和作者，可以上传背景图，设置背景色，提供七种主题可选，访问 地址
• 博客文章新增生成链接二维码功能，这里使用的是 qrcode.react 组件库。
• 演示文档 A 标签有趣的样式 新增文字滚动替换
• 博客文章标题下面显示评论数
• 新增博客文章【网站接入 Giscus 评论功能，显示评论数】
• 新页面制作，访问链接 文字卡片生成器

🐇 2023年​

12月​

• 资源 -> 常用工具，新增 录屏工具
• 新增博客文章【关于文字渐变的几种效果】
• 给文档和博客中的图片增加放大功能，使用 docusaurus-plugin-image-zoom 插件实现
• 新增博客文章【探讨便当网格布局】🍱
• 网页特殊表情字符 复制表情字符时增加庆祝彩带效果
• 网站部分页面中按钮点击增加喷发出彩色纸屑效果功能 🎉，使用现有库 canvas-confetti 实现
• 网站底部新增社交账号图标和链接，图标 Svg 文件取自 Simple Icons
• 新增博客【2023年度总结】
• 文档介绍页面增加手写效果注解及动画，使用组件库 react-rough-notation 实现，更多效果演示请去官网 RoughNotation 查看
• 更新博客2023年最后一篇文章【CSS 实现风吹动树叶的动画】

11月​

• 将 Docusaurus 版本从 V2 升级到 V3 💥
• 发布博客文章【加个定时任务自动发布代码】
• 重构底部导航列表
• 开发制作毛玻璃效果生成页面，地址
• 顶部导航栏右侧新增链接到 Github 的图标按钮跳转
• 进度图生成页面，目前只有今年的年度显示进度，发布地址
• 新增整理合集文档 - Github 玩法
• 开源网页图标文档新增 Flag Icon 和 Simple Icons
• 新增视差悬停倾斜效果小组件，地址 🧟

10月​

• 新增博客文章【Next、Nuxt、Nest 这些名称你分得清吗】
• 新增代码片段 -> 小方法 -> 图片懒加载
• 创建专题 Next.js，新增文档 介绍
• 新增博客文章【学会用数据说话，我的网站统计】
• 新增代码片段 -> 小程序 -> 音乐播放器
• 创建音乐播放器页面，地址

09月​

• 新增博客文章【双节前把我的网站重构了一遍】
• 添加代码片段 -> 小程序 -> 分隔线生成工具
• 新增代码片段 -> 钩子函数 -> 判断点击事件是否在某个元素上
• 新增博客文章【用纯CSS实现网格背景】
• 新增代码片段 -> 小功能 -> 实现网页全屏