用 Claude Code 從零建一個網站（完全不用寫程式）

你不需要會寫 HTML、CSS 或 JavaScript。你用自己的話描述想要什麼，Claude Code 幫你把程式寫出來。這篇把整個流程——需要的工具、每一步做什麼、實際要花多少錢——一次講清楚。

你需要的東西

三個工具就夠了。其中兩個完全免費，一個需要訂閱：

• Claude Code你的 AI 結對工程師。需要 Anthropic 訂閱（約每月 $20）。在終端機裡跑。
• GitHub免費。存放你的程式碼、做版本控制（可隨時回復）。
• Cloudflare Pages免費。把網站放上全球 CDN、自動 HTTPS、無限頻寬。

不需要先學程式編輯器、不需要在本機架伺服器、不需要 Mac（Windows / macOS / Linux 都行）。

六個步驟，從零到上線

1. 1. 把工具裝好安裝 Claude Code（需 Anthropic 訂閱）、註冊免費 GitHub 帳號、註冊免費 Cloudflare 帳號。剛開始不用任何程式編輯器或本機伺服器。
2. 2. 用白話描述你的網站直接用你自己的話告訴 Claude Code 你要什麼（例如「幫我做一個賣手沖咖啡豆的單頁網站，深色背景、有商品介紹和聯絡方式」）。它會把 HTML / CSS / JavaScript 寫進一個 index.html。
3. 3. 預覽、然後微調用瀏覽器打開 index.html 看效果。哪裡不喜歡就用白話叫 Claude 改——「標題太小」「換成米色背景」「加一個 FAQ 區塊」。它直接改程式，你只負責判斷好不好看。
4. 4. Push 到 GitHub請 Claude Code 幫你跑 git 指令（init、add、commit、push）。你的程式碼就存進 GitHub 倉庫，等於有了雲端備份和版本歷史。
5. 5. 用 Cloudflare Pages 免費上線在 Cloudflare Pages 把你的 GitHub repo 連上去，它會自動 build 並把網站 serve 到全球 CDN，附免費 HTTPS。之後每次 git push 都會自動重新部署——你只管改、它自動上線。
6. 6. 讓它長大用同樣的「描述 → 微調」循環，繼續加 SEO 標籤、結構化資料、更多頁面、多國語言、聯絡或訂閱表單。網站不是做完就結束，是開始。

實際要花多少錢？

主機是免費的——Cloudflare Pages 免費方案就含無限頻寬、免費 HTTPS、全球 CDN。真正的成本只有 Claude Code 需要的 Anthropic 訂閱（約每月 $20）。自訂 .com 網域是選配（約每年 $10）。換句話說，一個能上線的網站，每月固定成本可以壓在 $20 上下。

這套流程的「但書」

老實說：把網站「做出來」是最簡單的部分。真正花時間的是上線之後——SEO、被 AI 搜尋引用、收集訂閱、把人導進來。「網站上線」不等於「有人來」。這也是為什麼這篇之後，你會想看下面那兩篇延伸指南。

常見問題