上周给自己搭了个独立博客，手机端自适应表现不好，今早一个 founder 朋友指出来发给我，顺便聊说，感觉现在有点20年前，开始搞blog复兴了？
是不是真流行，还不好判断，但AI确实让噪音变多了，反而让真实的声音更珍贵。
下面分享整个过程 + 踩坑📝
🛠️ 用的工具（全免费 tier 起步）：
▫️ Next.js 14 + Tailwind｜前端框架
▫️ Vercel｜托管 + 自动部署（push GitHub 自动更新，无需运维）
▫️ MDX｜写文章（Markdown + 可嵌入 React 组件）
▫️ Giscus｜评论区（用 GitHub Discussions 做后端，无后台）
▫️ Upstash Redis｜访客计数（免费 10k 请求/天）
▫️ Buttondown｜邮件订阅（100 订阅内免费）
▫️ Vercel Analytics｜访问统计
▫️ BMC｜打赏功能
工具本身全免费，唯一花钱的是域名。
🕳️ 踩到的坑：
1️⃣ 设计风格。一开始选了 Y2K，做完太夸张，重来做成现在这个 soft gradient 风。
2️⃣ 依赖包安全漏洞连环炸。部署到 Vercel 时 Next.js 和 next-mdx-remote 都被标记有漏洞，被迫升级，升完 API 都变了。
3️⃣ 环境变量踩坑。空字符串会让 build 崩溃，前端/后端 key 命名规则容易混
👉 建议：一开始就搞清楚client-side和server-side的区别
4️⃣ Git merge冲突卡我好几次。第一次进Vim编辑器差点破防😂
⏱️ 时间：约 2 天晚上碎片时间
💰 花费：$12/年
🎯 换来的：一个真正属于自己的地方，我会陆续把过去项目写成case study。
如果你也想搞一个自己的：
① 想清楚要写什么
② 挑一个框架（Next.js + Vercel 是很丝滑的组合）
③ 找一个 AI pair（我全程用 Claude，比自己 debug 快 10 倍）
④ 记住一件事：这是给自己的家，不是给算法的内容
