用 Next.js 搭建一个可维护的个人网站

个人网站最怕的不是起步难，而是后续维护起来越来越乱。

这次我选择了一个很稳妥的组合：

• Next.js 负责路由和静态生成
• Markdown 负责博客内容管理
• Tailwind CSS 负责快速搭样式
• Vercel 负责部署与预览环境

这样做的好处是，内容和界面都足够轻，后续扩展标签、分页、搜索或订阅也比较自然。

内容优先的目录设计

我会把文章放进 /posts，每篇文章都包含自己的 frontmatter：

---
title: "文章标题"
date: "2026-04-10"
summary: "一句话摘要"
---

构建时读取这些 Markdown 文件，再生成博客列表和详情页，整个流程很直接。

为什么适合部署到 Vercel

因为文章是静态生成的，页面访问速度通常会很好，而且部署流程非常简单，连接仓库后基本就能自动上线。