ChunLong Blog
LOADING
ChunLong Blog 构建手记
文章系列
从一个空仓库到长满玩具的小站：架构选型、视觉动效、互动系统、实验室扩容与性能取舍，按演进顺序完整记录这个博客是怎么一步步搭起来的。
为什么我要写博客，以及这个小站是怎么搭起来的——Next.js 全栈 + 毛玻璃 + 粒子动效。
单人博客真的需要拆前后端吗？聊聊 Next.js 单体 + SQLite + Server Actions 的极简全栈实践。
拆解本站的视觉与动效实现：分层背景、glass 工具类、CSS 关键帧粒子、Canvas 点击特效与 framer-motion。
上线快一个月，小站从"一个博客"长成了"一个小世界"——音乐馆、实验室、漂流瓶、留声星……这份导览带你逛一圈。
把评论区从 giscus 搬回自己手里的全过程：多态评论表、GitHub OAuth 双会话、游客点赞回填，以及为什么要自找这个麻烦。
实验室起初只有一片 three.js 星海和一个烟花。这一轮一口气加了五个小玩具——更重要的是，加出了一套"新玩具十秒注册"的体系。
樱花粒子、Live2D 看板娘、Three.js 星海……这些和一台 2 核 2G 的小服务器听起来不该出现在同一个句子里。这是我的性能取舍笔记。
用户说"拖瓶子的体验很糟糕"。顺着这句话挖下去，挖出了四个藏了很久的 bug 和一套错误的手势设计。
烟花的音效一直被吐槽"像橡皮子弹"。从一层合成到四层合成再到真实采样，这是 Web Audio 的一次补课。
想给白噪音机配"高质量长素材"，又怕小服务器带宽撑不住？答案藏在信号的一行统计性质里。
