跳到主要內容
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 檔,每次修改都有紀錄;也跑每天的資料同步 免費(私有 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、不關閉資料庫的權限保護。

延伸閱讀

關於作者

Jason 的照片

Jason

Google 大客戶銷售客戶經理、哥倫比亞大學 MBA 錄取,分享自己實際用過的理財工具與經驗。

留言

使用 Google 登入即可留言。留言「不會」使用您的 Google 頭像或姓名,對外顯示的暱稱是系統隨機產生的代號,以保護您的隱私。

登入即表示你同意本站的隱私權政策。

  1. 載入留言中…