这个站点是手搓的,不用 CMS,不用模板。
Stack
- Frontend — Next.js 16(App Router)+ Tailwind CSS 4 + shadcn/ui
- Backend — Go + Gin + GORM + MySQL 5.7 + Redis
- Markdown — goldmark + bluemonday(sanitize),Shiki(代码高亮)
Design notes
- 主色 spine red(#9a2e20)取自旧书脊,搭奶油纸色 background
- Display serif 用 Fraunces,正文用 Source Serif 4
- 几乎所有动效都是纯 CSS:scroll-timeline 阅读进度、view-timeline 段落入场、view transitions 跨页过渡
- 一切动效在
prefers-reduced-motion下静默
Source
代码全部开源,欢迎围观。