看不懂程式也能架網站:我用 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 檔,每次修改都有紀錄;也跑每天的資料同步 | 免費(私有 repo) |
| 登入與留言 | 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 頭像或姓名,對外顯示的暱稱是系統隨機產生的代號,以保護您的隱私。
登入即表示你同意本站的隱私權政策。