Kizamu 源自一次博客翻新的想法,我在学生时代基于Hexo做了一个博客,em 大致长这样:
以前作为初学者懵懵懂懂,很多东西都不太完善,比如博客构建流程、dark mode缺失、功能实现的不规范等问题,所以趁此机会基于 Gyoza进行了一系列改造,然后诞生了Kizamu v1.0版本。
博客翻新计划
功能
-
接入网易云音乐,节省流量 - 优化音乐播放器:
- 播放时提醒有声音
-
将大头像改为音乐播放器 -
添加穿过中心的波形图(已做成四周的音频图)
- 接入已有的golang后端系统来自定义评论系统
- 评论者的身份记录
- 集成邮件功能,发送评论时提醒邮件
- 更换图床,考虑使用更稳定的国内平台
- 文章内的图片支持大图预览
- 首页底部文案使用一言 API
其他
-
技术选型,优化调研 -
接入 Google SEO -
编写网站首页:"欢迎来到Kizamu(キザム)——时光如同细腻的刻刀,雕刻着生活的诗意与片刻,珍藏每一缕温柔。「キザム」在日语中意为"雕刻",承载着我们对记忆的珍视与铭刻。" -
实现随机时间相关的走心文案(使用 ChatGPT 生成)
-
为文案添加打字效果和出现时动画
-
实现向下滚动时的动画和视差效果
-
缩小首屏高度,露出一到两条文章
-
为文章添加出现时动画
-
实现文章列表到详情的过渡(使用 swup 代替 transition API 以解决鼠标指针闪烁问题) -
自定义鼠标样式和移动特效
-
鼠标点击时的烟花效果,长按时间越久烟花越大 -
实现文章列表到详情的过渡效果(考虑使用 Astro 的 transition 指令、或Swup)
-
为文章添加纸质效果 -
实现黑暗模式下的鼠标光亮效果
-
生成自己的签名 -
编写博客翻新升级笔记
关于作者
我是 Shirtiny,是一名前端开发者,也同样喜欢各种有趣的东西(∩_∩),学习一刻不可止。在瞬息万变的前端生态中,我倾向于通过深入思考和独立探索来保持对新技术的理解。技术博客不定期更新(咕咕咕),记录项目经验、技术探索,欢迎交流。
致谢
感谢以下项目: