别再买服务器了！基于 Astro + Supabase MCP 打造“零成本”自动化博客

在 AI Agent 能力爆炸的今天，开发个人博客不应再纠结于环境配置和服务器运维。本文分享一套全链路 Serverless + Agent 驱动的开发方案：零成本、公网访问、自带 GUI 后台。

01. 原型即代码：逃离“AI 味”的 UI 生成（The Start）

对于博客这种低耦合项目，传统的“手搓”效率太低。我推荐使用 Google Stitch 进行原型生成。

• 痛点解决： 相比常见的 AI 生成页面，Stitch 生成的代码结构更清晰，UI 风格更具设计感（没有那种廉价的 AI 味）。
• 操作链路： 1. 在 Stitch 中描述你的审美偏好与结构需求。
  2. 生成 Astro 原型代码。
  3. 通过 AI Studio 导出并一键推送到 GitHub 仓库。
• 结果： 几分钟内，你就拥有了一个生产环境级别的 Astro 项目脚手架。

02. Agent 接入与 Supabase MCP 自动化（The Core）

为了彻底摆脱服务器运维和复杂的 DB 迁移，我们选择 Supabase 作为云数据库。最硬核的是，现在可以通过 MCP（Model Context Protocol） 让 Agent 直接帮你操作数据库。

工具链： VS Code / Cursor + Supabase MCP Server

前置动作：创建项目拿到对应的key

在调教 Agent 之前，你必须手动完成以下两个“物理动作”，否则 Agent 无法触达你的数据库：

新建项目： 登录 Supabase Console，新建一个 Project。记住你设置的 Database Password（虽然 Agent 可以写 SQL，但初始化连接有时需要它）。

提取 API 凭证： 进入项目的 Settings -> API 页面，找到以下两个核心变量：

Project URL: 你的 API 根地址。

anon (public): 客户端公开使用的 Key（用于 RLS 控制下的读取）。

service_role (secret): （慎用） 绕过 RLS 的超级权限 Key，仅限服务端或 Agent 初始化表结构时使用。

给 Agent 的指令模板 (Copy & Paste)

请分析当前项目并接入 Supabase：
1. [MCP] 创建博客核心表结构：posts (id, title, content, slug, status, created_at), tags, users。
2. [Security] 配置 RLS 策略：anon 角色仅允许 SELECT，authenticated 角色允许所有操作。
3. [Env] 在本地 .env 中写入 PUBLIC_SUPABASE_URL 和 PUBLIC_SUPABASE_ANON_KEY。
4. [Warning] 确保 Service Role Key 仅保留在服务端环境，严禁注入客户端。

核心逻辑： 这种方式将“表结构定义 + 安全权限控制 + 查询链路”合并为一个原子操作，由 Agent 自动闭环。

03. 构建 GUI 管理后台：手搓一个 /admin（The Tool）

有了 Supabase Auth，我们不再需要昂贵的 Headless CMS。直接让 Agent 在 Astro 项目中生成一个预览与管理并存的后台。

• 功能矩阵：
  • Auth： 集成 Supabase Magic Link 或 GitHub 登录。
  • Editor： Markdown 编辑器，直接与 posts 表双向绑定。
  • Workflow： 支持“草稿/发布”状态切换，通过 is_published 字段控制前端显示。
• 爽点： 访问 your-domain.com/admin，你就有了一个专属的私人内容管理系统。

04. 边缘部署：Vercel 与 Webhooks 的联动（The Bridge）

最后一步是将代码部署到 Vercel。为了实现真正的自动化，我们需要配置触发策略：

1. 基础触发： Git Push 自动构建（标准流）。
2. 高级触发（可选）： * 在 Vercel 创建 Deploy Hook。
   • 在 Supabase 中配置 Database Webhooks。当 posts 表有 INSERT 或 UPDATE 操作时，自动触发 Vercel 构建。
   • 注意：为了节省构建配额，建议仅在正式发布状态变更时触发。