看不懂代码也能建网站:我用 Claude Code + GitHub + Cloudflare 低成本搭建 Jason Finance 的方法与成本
我看不懂代码,Jason Finance 是用 Claude Code、GitHub、Cloudflare Workers 和 Supabase 免费方案搭起来的。整理整套架构、每个服务的用途与费用、我怎么给 AI 权限,以及这种做法的限制。
我看不懂代码和 SSH 命令。Jason Finance 从 2026 年 10 月 2 日第一个 commit 开始,程序、部署、数据同步都是 Claude Code 做的;我负责决定要写什么、要长什么样子,以及哪些事可以上线。
先说结论:这套做法的主机和数据库可以全部用免费方案,固定支出主要是域名和 Claude 的订阅。公开网站是静态页,放在 Cloudflare;文章存在 GitHub,push 就是发布;需要登录和评论的部分用 Supabase 免费方案;一台 Oracle 的免费主机跑 Claude Code 和每天的备份。
本文是我自己的建站记录,工具的免费额度和价格都可能调整,以各服务官方页面为准。
整套架构:每个服务做什么
| 层 | 用什么 | 做什么 | 方案 |
|---|---|---|---|
| 网站框架 | Astro | 把 Markdown 文章转成静态网页;只有后台和首页语言跳转需要服务器 | 开源,免费 |
| 主机 | Cloudflare Workers | 托管网站、全球 CDN;push 后自动构建部署 | 免费方案可用 |
| 文章与程序 | GitHub | 文章是 Markdown 文件,每次修改都有记录;也跑每天的数据同步 | 免费(私有仓库) |
| 登录与评论 | Supabase | Google 登录、评论、后台数据;用数据库的行级权限(RLS)控制谁能看什么 | 免费方案 |
| 后台保护 | Cloudflare Access | /admin 在 Cloudflare 这一层就先挡掉没有授权的人 |
Zero Trust 免费方案 |
| 防机器人 | Cloudflare Turnstile | 评论时验证是真人 | 免费 |
| 备份 | Cloudflare R2 | 每天的数据库备份,保留 30 天 | 免费额度内 |
| 常驻主机 | Oracle Always Free VM | 跑 Claude Code、每天备份 | 免费 |
| 监控 | healthchecks.io | 备份没有按时回报就发邮件通知 | 免费 |
| 域名 | 域名注册商 | jason-finance.com | 每年续费 |
| AI | Claude Code | 写代码、改文章格式、部署、查资料 | Claude 订阅 |
公开页全部是静态的,有一个好处:Supabase 的免费项目闲置一周会暂停,云服务也可能出问题,但读者看的文章页不依赖数据库,照样打得开。
文章放在 GitHub:push 就是发布
网站没有 WordPress 那种后台编辑器。每篇文章是一个文件夹,里面每种语言一个 Markdown 文件,例如 src/content/posts/okx-review/zh-hant.md。
- 发布:Claude Code 把修改 push 到 GitHub 的
main分支,Cloudflare 自动构建并部署,大约几分钟就上线。 - 预览:另一个
preview分支会构建成含草稿的预览网址,草稿先在那里给我看,确定后才发布。 - 还原:每一次修改都有记录,改坏了可以回到之前的版本。
- 规则写进程序:例如每篇文章一定要属于一个主题、描述不能超过 160 字,不符合就构建失败,不会带着错误上线。
我怎么给 AI 权限:看影响,不看命令
我看不懂代码和命令,所以不可能逐一批准 AI 执行的每个步骤。我跟 Claude Code 约定的规则是看这件事会造成什么影响,写在项目的 CLAUDE.md 里,每次开工都会读到:
- 直接做,做完汇报:读文件、查资料、跑测试、一般的 commit 和部署、备份。
- 先用大白话跟我说:内容方向、设计和版面的选择。
- 要我决定:发布我还没看过的内容、改正式网站的设置、和金钱或合作有关的事。
- 说明一次就可以做:删除正式数据、直接改数据库。开始前先讲清楚范围、风险和备份,做完汇报。
- 不能碰的底线:密钥不进 Git、不贴在对话里;不关闭数据库的权限保护;不改写 Git 历史记录。
规则真的会让 AI 停下来。在我另一个网站 Jason Career,部署工具有一次出错,备份失败、部署自动中止;修改部署工具本身属于要先问我的事,Claude 就停下来说明原因和修法,等我回“ok”才修正、重新部署,经过写在〈看不懂 SSH 也能运维 WordPress〉。
这种做法的限制
- 还是要懂得判断:AI 会提出选项,但要不要发布、要不要冒某个风险,还是要自己决定。
- 免费方案有上限:例如 Supabase 免费方案的发信额度很低,所以登录只开 Google 登录。
- 免费主机可能被回收:Oracle 的免费主机闲置太久可能被收回,所以备份放在 Cloudflare R2、程序在 GitHub、搭建步骤写成文档,主机可以随时重建。
- AI 会出错:我让它每次修改前跑测试、改完用截图确认画面,但事实和数字还是要附来源、标日期。
我的另一个网站 Jason Career 是 WordPress,放在 Cloudways,由 Claude Code 通过 SSH 和 WP-CLI 运维,经过写在〈看不懂 SSH 也能运维 WordPress〉。整套技术架构、每天的进度和关键决定,见〈Jason Finance 从零到一〉。更多文章在 AI 创业主题页。
常见问题
看不懂代码可以用 Claude Code 建网站吗?
可以,但要换个角色:你不写代码,而是决定要做什么、看结果、做决定。Jason Finance 的程序、部署和数据同步都是 Claude Code 做的,我负责内容方向、设计选择,以及会影响正式网站的决定。
用 Claude Code + GitHub + Cloudflare 建网站要花多少钱?
主机和数据库可以都用免费方案:Cloudflare Workers、R2、Access、Turnstile,Supabase 和 Oracle 的免费主机。主要的固定支出是域名和 Claude 的订阅,金额视方案而定。
文章放在 GitHub 有什么好处?
每一次修改都有记录、可以还原,网站构建不依赖数据库。push 到 main 分支,Cloudflare 就自动部署;另一个 preview 分支会生成含草稿的预览网址,让我先看再发布。
让 AI 直接改正式网站安全吗?
我用“按影响决定要不要问我”的规则:读文件、测试、一般的 commit 和部署可以直接做;发布内容、改正式设置、删数据要先跟我说。另外有几条技术底线不能碰,例如不把密钥放进 Git、不关闭数据库的权限保护。
延伸阅读
- Git 可以 push,Claude Code 却读不到 GitHub Issues:SSH 与 GitHub API 权限的区别Claude Code GitHub Issues 读不到,但 git push 正常?SSH key 只授权 Git 传输,Issues 和 PR 要另外的 API 认证。用 gh CLI 登录、确认权限、保护 token,并把 Issue 串成 PR 流程。
- 一台主机运行多个 Claude Code Remote Control:Linux user、systemd 与 git worktree 分工Claude Code 多个 Remote Control 运行在同一台主机:信任边界不同就分 Linux user,每个环境一个 systemd service,同一个 repo 的开发和写文章用 git worktree 分开,并说明 --spawn=worktree 的限制。
- 看不懂 SSH 也能维护 WordPress:Jason Career 用 Claude Code、SSH 与 WP-CLI 管理网站的实际记录Jason Career 是有 65 个插件、电商和课程的 WordPress 网站。我看不懂 SSH 和程序,改用 Claude Code 通过 SSH 与 WP-CLI 维护:10 天内做了哪些事、遇到哪些问题,以及我怎么限制 AI 在正式网站上的权限。

留言
使用 Google 登录即可留言。留言“不会”使用您的 Google 头像或姓名,对外显示的昵称是系统随机生成的代号,以保护您的隐私。
登录即表示你同意本站的隐私政策。