从零搭建个人博客：技术选型、架构设计与踩坑记录

为什么要自己写一个个人博客？

市面上不缺博客平台。CSDN、掘金、SegmentFault、知乎专栏——它们各有各的用户群，也各有各的问题：广告越来越多、SEO 不受自己控制、样式千篇一律、数据不归自己所有。更关键的是，你没法在一个地方同时写长文、发碎碎念、记录时间线事件——它们被分散在不同的平台和格式里。

静态博客生成器（Hexo、Hugo、Jekyll）解决了一部分问题：Markdown 写作、Git 管理、免费部署。但它们的局限也很明显——每次发文章都要走一遍 git commit → push → CI → 部署的流程，想要在手机上改个错别字基本不可能。没有后台管理界面，没有实时预览，没有草稿状态，标签管理靠手写 frontmatter。

WordPress 走了另一个极端：功能齐全，但太重了。PHP + MySQL 的架构对一个小型个人站点来说杀鸡用牛刀，性能优化、安全补丁、插件兼容性每一项都是维护成本。

我想要的东西其实很明确：

1. 内容归自己——数据库在我手上，数据在我手上
2. 随时随地写——有个浏览器就能登录后台，写文章、发碎碎念
3. Markdown 写作 + 实时预览——这是我最舒服的写作方式
4. 不只是博客——长文章、短碎碎念、时间线事件等等
5. 中英文双语——但我不想要一个臃肿的 i18n 框架
6. 快——首屏加载要快，导航切换要快，搜索要快
7. 自己掌控每一行代码——既是作品，也是对自己工程能力的一次考验

技术选型：每一层的取舍

Next.js 16 App Router

选 Next.js 几乎是必然的。React 生态丰富，App Router 的 Server Components 天然适合内容型网站——大部分页面是纯读操作，完全可以在服务端渲染好，客户端零 JS 开销。

Next.js 16 带来的 指令是关键决策因素。它让我可以在组件粒度上声明缓存策略，配合 做精确的缓存失效——后面会详细讲这套机制。