这是一篇正经的技术教程。目标读者是没有编程基础、但想拥有自己网站的人——比如本站的站长。
整个网站从注册账号到全球可访问，只花了一些零碎时间——实际动手加起来不过几个小时，花费只有域名注册费（一年几十块人民币），其余全部免费。
本文不贴代码——因为你会用你自己的 AI 助手去写。本文只讲三件事：架构怎么选、每步要做什么、坑在哪里。
一、架构总览
| 组件 | 用途 | 成本 |
|---|---|---|
| WorkBuddy（或任意 AI 助手） | 代写代码、SQL、部署、排障 | 免费 |
| Astro | 静态网站框架，文章用 Markdown 管理 | 免费 |
| Supabase | 云数据库 + 登录系统（Postgres + Auth + RLS） | 免费版足够 |
| GitHub | 私有代码仓库，版本管理 + 触发自动部署 | 免费 |
| Cloudflare | 托管 + CDN + DNS + HTTPS 证书 | 免费 |
| 域名 | 个人品牌门面 | 约 ¥50/年 |
一句话：AI 负责”做”，平台负责”跑”，你负责”提需求”。
二、准备账号
四个平台账号 + 一个域名，一小时内全部搞定：
- GitHub：注册后新建一个私有仓库。
- Supabase：注册 → New project → 免费版。记下两个值：项目 URL 和 anon key（项目设置 → API 里查）。
- Cloudflare：注册账号，之后域名 DNS 迁进来。
- 域名：任意注册商购买（本站在腾讯云，DNS 后来整体迁到 Cloudflare）。
三、搭出网站本体
关键认知：你不写代码，你提需求。 对你的 AI 助手说一句短话就够了，比如：
“帮我建一个个人博客网站，深色主题，文章用 Markdown 写。”
之后不用一次性想全需求，想到什么加什么：“加个登录注册""加个评论区""改一下配色”。建站就是”说一句、做一步”，没你想的难。
四、接入 Supabase：注册 / 审核 / 评论 / 统计
这部分你完全不用管细节——建什么表、怎么配权限、前端怎么连，全都交给 AI 助手。你只需要对它说一句：
“给网站接入 Supabase，做注册、登录、评论、访问统计，站长要能审核用户。”
剩下的它自己搞定。你只需要知道两个最容易踩的坑，踩到了跟 AI 说一声它就能修：
坑 1：权限策略别自引用。 “管理员可读全部”这类策略，如果判断条件直接查用户表本身，会无限递归，所有需要登录的功能全部静默挂掉（登录被拒、后台进不去，数据库看起来却正常）。让 AI 用 SECURITY DEFINER 函数处理管理员判断即可。
坑 2：anon key 别走构建环境变量。 配置放进平台环境变量，容易”构建时没注入”——线上登录按钮消失、统计显示 ”—“，本地却正常。anon key 本来就是公开安全的，直接硬编码进配置文件最省事。
五、部署：GitHub + Cloudflare
- 代码推送到 GitHub 私有仓库（AI 帮你执行）。
- Cloudflare → Workers & Pages → 创建项目 → 连接 Git 仓库；构建命令
npm run build，输出目录dist。之后每次 push 自动部署，约 1-2 分钟生效。 - 绑定域名：把域名的 DNS 服务器（NS）整体迁到 Cloudflare，然后在项目里绑定主域名，HTTPS 自动签发。海外线路免备案；备案后可迁回国内 CDN 提速。
坑 3：部署有延迟。 连续 push 时构建会排队，线上短暂停留在旧版——改了没生效，先看线上资源文件 hash 是否更新，再考虑浏览器缓存（Ctrl+Shift+R 强刷）。
六、其他真实踩坑
- 邮箱确认拦截注册：Supabase 默认开”Confirm email”，注册后没有登录态，写资料会被 RLS 拦。个人站直接在 Authentication → Email 里关掉即可。
- 统计”今日”按 UTC：数据库默认 UTC 时区，“今日访问”在北京时间早上 8 点才归零。想对齐北京时间，让 AI 把数据库和认证角色的时区改成 Asia/Shanghai。
- 服务端数据传给前端：Astro 的
<script>里写{表达式}不会插值，改用 HTML 元素的 data 属性注入。这个坑直接讲给 AI，它会用对的方式。
七、上线之后：日常就一句话
网站上线，才是真正的开始。好在日常维护简单得不像话：
- 发新文章：跟 AI 说一声”帮我写一篇关于 XX 的文章”（或者你自己写好文字发过去），它会排版、写好标题摘要、推上线，几分钟搞定；
- 改设计：站长不用懂设计，直接描述就行——“配色改成深色科幻风""把侧栏去掉""字距太宽了”，AI 照着改，几分钟上线；
- 修 bug、加功能：一句”评论区加个回复功能""加个个人主页”，剩下的全是 AI 的活。
网站是你的，你说人话，AI 干实事。
八、总结
| 环节 | 要点 |
|---|---|
| 需求 → 代码 | 交给 AI，说短话、逐步迭代 |
| 数据与账号 | Supabase，RLS 锁权限，别自引用 |
| 配置 | anon key 可硬编码，别依赖环境变量 |
| 部署 | push → Cloudflare 自动构建 |
| 成本 | 域名 ~¥50/年，其余全免费 |
不需要手写代码、不需要懂运维，把需求说清楚 + 踩坑别慌就够了。大部分坑，本文替你踩过了。
祝上线顺利。本站就是这套流程的产物，欢迎留言提问。
评论