从 0 到可用：我如何在一天内搭建并部署个人博客

📌 摘要卡片
这篇文章记录我如何在一天内把「书边客」从想法推进到可用：确定技术栈、完成核心功能、接入登录与数据库、上线到 Vercel，并打通后续可持续迭代的发布流程。
目标不是“完美”，而是“可用 + 可持续 + 可扩展”。

一、为什么要在一天内做完？

很多个人项目死在“想太全、做太慢”。我这次给自己设了一个硬约束：一天内必须上线可访问版本。

💡 关键原则
先交付最小可用版本（MVP），再迭代体验和细节。

二、技术栈怎么选？

我优先选“熟悉 + 稳定 + 部署顺滑”的组合：

• Next.js 16（App Router）：页面与后端能力一体化，开发效率高
• Prisma + PostgreSQL（Neon）：结构化数据管理清晰，线上数据库开箱可用
• NextAuth（Google 登录）：快速完成身份体系
• Vercel：对 Next.js 最友好，部署链路短

✅ 结论
个人博客的核心不是技术炫技，而是稳定发布能力。

三、一天内我做了哪些“必须项”？

1）搭建基础站点骨架

• 首页文章列表
• 文章详情页
• 全站基础导航与布局

2）补齐内容互动能力

• 点赞功能
• 评论功能（含审核机制）

3）完成后台闭环

• 管理员入口
• 新建文章页面
• 文章发布与状态管理

4）接入部署与数据库

• 连接 Neon PostgreSQL
• 配置环境变量
• 推送 GitHub 并自动部署到 Vercel

四、关键步骤（可复用）

🧭 步骤清单

1. 初始化 Next.js 项目并配置基础路由
2. 设计 Prisma Schema 并完成迁移
3. 接入 NextAuth 登录
4. 完成文章、评论、点赞的核心数据流
5. 配置 Vercel 环境变量并部署
6. 验证线上可访问与基本功能回归

五、重点示意：从“写作”到“发布”

这一步是后续效率的核心：

• 你输入想法
• 系统结构化成文
• 自动同步到博客（GitHub + Vercel）
• 同步到公众号草稿（人工确认后再发布）

🔐 风险控制
公众号正式发布接口可能受账号权限限制，因此先固化“自动建草稿”是更稳策略。

六、我踩过的坑（你可以直接绕开）

• .env 被覆盖导致数据库从 Neon 退回本地 SQLite
• 公众号 AppSecret 失效导致 token 获取失败
• 封面 media_id 无效导致草稿提交失败
• freepublish/submit 无权限（48001）导致无法自动正式发布

⚠️ 建议
把“可自动化部分”与“受平台权限约束部分”分开设计，系统会更稳定。

七、今天上线后，我得到了什么？

• 一个可访问、可写作、可互动、可维护的博客
• 一条清晰可复用的发布流水线
• 一套可持续迭代的内容生产基础设施

八、下一步计划

• 增加文章编辑/删除能力
• 做 SEO（sitemap、OG 图、结构化数据）
• 优化公众号样式模板（字体、卡片、间距）
• 引入“封面图自动生成”能力

🧩 最终目标
把“灵感 -> 成文 -> 分发”变成一个稳定、低摩擦、可复用的系统。

结语

如果你也在做个人博客，不要等“万事俱备”再开始。
先上线，再打磨。先跑起来，再变漂亮。