自動化與 Agent

不懂 DevOps 也能一個晚上上線官網：Astro + Cloudflare Pages 的 $0 託管與 DNS 避坑清單

做一個品牌官網要花多少錢？答案是網域年費一年約 $11，其他全部 $0。真正花時間的不是建站，是 DNS 搬家留下的隱形債——這份筆記把完整步驟與三個天坑一次交代清楚。

2026/09/28 ｜ 2 分鐘閱讀

一個核心觀念

內容型官網不需要租伺服器。你的網站如果是「給人看的頁面」（介紹、文章、連結），它就是一堆靜態檔案，放在免費 CDN 上就好。要花錢的是「有會員系統、有資料庫」的網站——那是以後的事，先不要為未來付費。

按步驟做（約 2–4 小時）

Step 1｜買網域（唯一要花錢的一步）

到 Porkbun 或 Cloudflare Registrar 搜你要的名字，.com 一年約 $11。買完把這四個開關全打開：Auto-Renew（自動續費）、Domain Lock（防轉走）、WHOIS Privacy（隱藏個資）、DNSSEC。

Step 2｜用 AI 生一個 Astro 網站

對 AI（Claude／ChatGPT 都行）說：「我是完全新手。幫我用 Astro 建一個單頁品牌官網，內容：品牌一句話、三個內容主軸、社群連結、email 訂閱框。請一步一步教我在我的電腦執行，每步等我回報結果再繼續。」

Step 3｜推上 GitHub

開一個 GitHub 帳號，建一個 private repo，把網站程式碼推上去。不會 git 就直接問 AI：「我從來沒用過 git，教我把這個資料夾推到 GitHub 私有 repo，一次一個指令，解釋每個指令在做什麼。」

Step 4｜接 Cloudflare Pages（免費託管）

註冊 Cloudflare（記得開 TOTP 兩步驟驗證）→ 進後台找 Workers & Pages。坑：新版介面點 Create 會把你導去 Workers，看起來完全沒有 Pages 選項。往下捲到頁尾，有一行小字「Looking to deploy Pages? Get started」——從那裡進去。接著 Connect to Git → 授權 GitHub → 選你的 repo → Framework preset 選 Astro、build command npm run build、output dist → Deploy。成功後你會拿到一個 xxx.pages.dev 的預覽網址。

Step 5｜把網域搬進 Cloudflare（DNS）

Cloudflare → Add a domain → 輸入你的網域 → 它會自動匯入現有 DNS 記錄 → 給你兩台 nameserver（NS）主機名 → 回到買網域的地方（如 Porkbun）把 NS 換成這兩台。

Step 6｜⚠️ 最重要的一步——清 DNS 殘留

NS 生效後，到 Cloudflare → 你的網域 → DNS → Records，逐筆檢查每一條記錄：凡是內容指向舊註冊商網域的（例如 xxx.porkbun.com），全部刪掉；特別注意 Name 是 * 的 wildcard CNAME——這條「停車場記錄」會把你所有子網域劫去廣告頁；舊的 MX（信箱）記錄也刪，下一步會有新的。

Step 7｜綁正式網域＋信箱轉發

Pages 專案 → Custom domains → 加你的網域（＋www），它自動處理 DNS 和 HTTPS。網域 → Email → Email Routing → 加目的地信箱（去 Gmail 收驗證信）→ 建規則 hello@你的網域 → 你的Gmail → 啟用（若跳「MX conflict」就是 Step 6 沒刪乾淨，回去刪）。最後加一條 TXT 記錄防止別人冒用你的網域寄信：Name _dmarc、內容 v=DMARC1; p=quarantine; rua=mailto:你的Gmail。

Step 8｜驗收（缺一不可）

① 手機開你的網域 → 看到自己的網站（不是廣告頁）② 用另一個信箱寄信到 hello@ → Gmail 真的收到 ③ 訂閱框留個測試 email → 後台看得到。

你一定會踩的坑

1. 搬完 DNS 網站還是廣告頁：舊註冊商的停車場 A 記錄被匯入了。刪掉它，或直接做 Step 7 綁 Custom domain（會自動取代）。
2. Email Routing 啟用失敗說 MX conflict：舊 MX 記錄沒刪。刪光所有非 Cloudflare 的 MX 再啟用。
3. 用工具檢查社群帳號連結全部「正常」但其實帳號沒建：Threads、IG 這類平台對不存在的帳號也回 HTTP 200。帳號建好沒，用手機實際點開看，別信工具。
4. Threads 帳號「搶不到」：Threads 不能獨立註冊，用你的品牌 IG 登入 Threads 就會自動生成同名帳號——先把 IG handle 搶對就好。

卡住時怎麼問 AI

把下面這段貼給 Claude／ChatGPT，換成你的狀況，並且貼上完整的錯誤訊息原文（不要自己摘要）：

我是完全新手，正在照一份教學做 [Astro＋Cloudflare Pages 架站]。
我卡在 [哪一步]，畫面顯示 [把錯誤訊息或畫面文字原封貼上]。
我的系統是 [Windows/Mac]。

請先解釋發生什麼事，再一步一步帶我解決，每步等我回報結果再繼續。

一句話總結

先發內容、再蓋工廠、只為現在付費——$11 的官網已經夠你開始了。