MisoTech 个人品牌站(本站)
你正在浏览的站点:基于 Next.js 14 与 Notion 无头 CMS、由一人独立完成并运营的生产级内容平台。中英双语与暗色模式、CJK 分词全站搜索与相关性排序、评论反垃圾评分与审核状态机、邮件 + Web Push 订阅、内容状态机与定时发布、管理后台——架构、开发、调优全链路一人跑通。
职责
- 架构设计、设计系统与全栈开发
- Notion 无头 CMS 集成与内容管线
- 全站搜索 2.0:CJK 分词、相关性排序与搜索分析
- 评论反垃圾评分与审核状态机
- 订阅系统:邮件 + Web Push(VAPID)
- 内容状态机、定时发布与管理后台
- 性能优化与 Vercel 图片配额治理
Next.jsTypeScriptTailwind CSSNotion APIFramer MotionVercel
角色: 全栈工程师客户: 个人项目年份: 2025
🚀
你正在阅读的站点。一个人、一个仓库——从架构设计一路做到生产环境。
为什么做这个项目
MisoTech(解码技术栈)是我的个人品牌站。我不想要一个模板作品集,而是一个真实的生产系统:发布双语内容、沉淀读者、并且能自我运营——它本身就是我如何做软件的活样本。
平台亮点
双语与性能
- 中英双语平行路由 + 完整暗色模式设计令牌体系
- Next.js 图片/字体优化;按需 ISR 让 Notion 里的编辑快速上线
搜索 2.0
- CJK 分词 + 相关性打分,覆盖博客与项目的内容发现
- 输入联想、相关内容推荐与搜索分析后台
社区与增长系统
- 嵌套评论:反垃圾评分、审核状态机、站长通知
- 邮件(Resend)+ Web Push(VAPID)订阅,本地开发有降级模式
内容运营
- 草稿 → 定时 → 发布 状态机,cron 定时发布与 HMAC 签名预览链接
- 内容管理与搜索分析后台
工程侧记
- Vercel 图片配额治理:仅 WebP、裁剪设备尺寸档位、拉长边缘缓存 TTL
- Notion 读取带 TTL 缓存 + 本地兜底数据,Notion 故障时站点照常构建
架构、UI、后端、DevOps 与内容运营,一人完成——这是 2026 年一人产品团队的样子。