全部文章

共 10 篇

毛玻璃与粒子：这个博客的视觉配方

拆解本站的视觉与动效实现：分层背景、glass 工具类、CSS 关键帧粒子、Canvas 点击特效与 framer-motion。

为什么我要写博客，以及这个小站是怎么搭起来的——Next.js 全栈 + 毛玻璃 + 粒子动效。

上线快一个月，小站从"一个博客"长成了"一个小世界"——音乐馆、实验室、漂流瓶、留声星……这份导览带你逛一圈。

用户说"拖瓶子的体验很糟糕"。顺着这句话挖下去，挖出了四个藏了很久的 bug 和一套错误的手势设计。

烟花的音效一直被吐槽"像橡皮子弹"。从一层合成到四层合成再到真实采样，这是 Web Audio 的一次补课。

实验室起初只有一片 three.js 星海和一个烟花。这一轮一口气加了五个小玩具——更重要的是，加出了一套"新玩具十秒注册"的体系。

想给白噪音机配"高质量长素材"，又怕小服务器带宽撑不住？答案藏在信号的一行统计性质里。

樱花粒子、Live2D 看板娘、Three.js 星海……这些和一台 2 核 2G 的小服务器听起来不该出现在同一个句子里。这是我的性能取舍笔记。

把评论区从 giscus 搬回自己手里的全过程：多态评论表、GitHub OAuth 双会话、游客点赞回填，以及为什么要自找这个麻烦。