跳到主要内容
Jason Finance
AI 创业

看不懂代码也能建网站:我用 Claude Code + GitHub + Cloudflare 低成本搭建 Jason Finance 的方法与成本

我看不懂代码,Jason Finance 是用 Claude Code、GitHub、Cloudflare Workers 和 Supabase 免费方案搭起来的。整理整套架构、每个服务的用途与费用、我怎么给 AI 权限,以及这种做法的限制。

本文目录
  1. 1.整套架构:每个服务做什么
  2. 2.文章放在 GitHub:push 就是发布
  3. 3.我怎么给 AI 权限:看影响,不看命令
  4. 4.这种做法的限制
  5. 常见问题

我看不懂代码和 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、不关闭数据库的权限保护。

延伸阅读

关于作者

Jason 的照片

Jason

Google 大客户销售客户经理、哥伦比亚大学 MBA 录取者,分享自己实际用过的理财工具与经验。

留言

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

登录即表示你同意本站的隐私政策。

  1. 加载留言中…