关于

本网站的名字为Kizamu,取自キザム,是一个使用 Astro 和 React 开发的博客。希望能够以此记录生活、铭刻时光,保存点点滴滴的回忆。

Kizamu 源自一次博客翻新的想法,我在学生时代基于Hexo做了一个博客,em 大致长这样:

old-blog.webp

以前作为初学者懵懵懂懂,很多东西都不太完善,比如博客构建流程、dark mode缺失、功能实现的不规范等问题,所以趁此机会基于 Gyoza进行了一系列改造,然后诞生了Kizamu v1.0版本。

博客翻新计划

功能

  • 接入网易云音乐,节省流量
  • 优化音乐播放器:
    • 播放时提醒有声音
    • 将大头像改为音乐播放器
    • 添加穿过中心的波形图(已做成四周的音频图)
  • 接入已有的golang后端系统来自定义评论系统
    • 评论者的身份记录
    • 集成邮件功能,发送评论时提醒邮件
  • 更换图床,考虑使用更稳定的国内平台
  • 文章内的图片支持大图预览
  • 首页底部文案使用一言 API

其他

  • 技术选型,优化调研

  • 接入 Google SEO

  • 编写网站首页"欢迎来到Kizamu(キザム)——时光如同细腻的刻刀,雕刻着生活的诗意与片刻,珍藏每一缕温柔。「キザム」在日语中意为"雕刻",承载着我们对记忆的珍视与铭刻。"

  • 实现随机时间相关的走心文案(使用 ChatGPT 生成)

  • 为文案添加打字效果和出现时动画

  • 实现向下滚动时的动画和视差效果

  • 缩小首屏高度,露出一到两条文章

  • 为文章添加出现时动画

  • 实现文章列表到详情的过渡(使用 swup 代替 transition API 以解决鼠标指针闪烁问题)

  • 自定义鼠标样式和移动特效

  • 鼠标点击时的烟花效果,长按时间越久烟花越大

  • 实现文章列表到详情的过渡效果(考虑使用 Astro 的 transition 指令、或Swup)

  • 为文章添加纸质效果

  • 实现黑暗模式下的鼠标光亮效果

  • 生成自己的签名

  • 编写博客翻新升级笔记

关于作者

我是 Shirtiny,是一名前端开发者,也同样喜欢各种有趣的东西(∩_∩),学习一刻不可止。在瞬息万变的前端生态中,我倾向于通过深入思考和独立探索来保持对新技术的理解。技术博客不定期更新(咕咕咕),记录项目经验、技术探索,欢迎交流。

致谢

感谢以下项目: