🌈 輕鬆學會:網域、子網域、短網址怎麼分工

Cloudflare網域設定一覽

這份教學把 stronghouse2012.com001.stronghouse2012.comgo.stronghouse2012.com 的情境,整理成新手也能看懂的互動課程。你會知道:哪裡要去 Pages 設、哪裡要去 DNS 設、短網址平台給你的「密碼」到底要貼去哪裡。

① 先看圖用路線圖理解 001、go、Pages、短網址平台的分工。
② 再照做照著「Pages 網站」與「短網址」兩條流程操作。
③ 最後複製從指令中心複製 Git、Wrangler、DNS API、測試指令。
🧭 第一站:觀念先變簡單

把網域想成「總機大樓」

Cloudflare 不是只有一個設定頁。Pages 自訂網域、DNS 紀錄、短網址平台驗證,是三件相關但不同的事。

🏢

stronghouse2012.com

這是你的主網域,也像一棟大樓。它可以生出很多分機:001、002、go、link、api、www。

☎️

001 / go / www

這些是子網域。每個子網域要安排給一個明確服務:Pages、短網址平台、Email、API,不要一個名字重複使用。

🧾

DNS 紀錄

DNS 紀錄就是分機表。A 指到 IP,CNAME 指到另一個主機名,TXT 常用來驗證所有權。

客戶 LINE 收到:
go.stronghouse2012.com/house1
網址短、好記、像品牌專屬連結。
點下去後,短網址平台負責轉向。
https://001.stronghouse2012.com/posts/kaohsiung-house
🏡

高雄優質物件介紹頁

網站真正住在 Cloudflare Pages,001 是網站入口;go 只是漂亮短網址的轉運站。

🌟 Pages 網站路線:001 負責放網站

設定位置:Workers & Pages → 選 Pages 專案 → Custom domains → Set up a domain。如果你的網域在同一個 Cloudflare 帳號,Cloudflare 通常會幫你自動建立必要的 DNS 紀錄。

客戶輸入 001Cloudflare Pages網站畫面
不要只手動新增 CNAME 就結束。Pages 自訂網域要先在 Pages 專案裡完成關聯;只手動 DNS 指向 Pages,可能解析失敗或出現 522。

🍭 短網址路線:go 負責轉址

設定位置:短網址平台先登記 go.stronghouse2012.com → 拿到 CNAME/TXT 密碼 → Cloudflare DNS Records 新增紀錄 → 回平台驗證

客戶點 go/house1短網址平台001 的長網址
go 可以指定到 001 的頁面嗎?可以。但「指定」發生在短網址平台後台,不是把 Cloudflare 的 go DNS 直接指到 001。
🎮 第二站:互動沙盤

輸入你的設定,立即生成 DNS 表

這裡用你的實際案例當模板。你可以換成未來任何 Pages 專案、任何短網址子網域。

提示:短網址平台如果要求 TXT 驗證,就另外加 TXT;如果要求 CNAME,就加 CNAME。名稱通常填 go,不是完整主網域。

🧠 心智圖

看到這張就不亂

把 Cloudflare 的設定分成「網站入口、轉址入口、後端程式、驗證紀錄」。

Cloudflare
網域設定
🏠 Pages 網站001 → kaohsiung-website.pages.dev
🔗 短網址平台go → cname.picsee.io / bitly / rebrandly
🤖 Workers Botapi / bot → Worker Custom Domain
🧪 驗證紀錄TXT / CNAME 用來證明網域所有權
☁️ DNS Records真正填「名稱、類型、目標、Proxy」的地方
🛟 排錯先看名稱是否重複,再看 Proxy、目標、SSL
🌳 樹狀圖

未來專案命名規劃

數字可以用,但功能名更容易記。房仲工具越多,命名越重要。

🌐 stronghouse2012.com
  • 001 → 高雄房地產 Pages 網站
  • 002 → 紅栗介紹 Pages 網站
  • go / link → 短網址品牌入口
    • /house1 → 001 的物件頁
    • /line → LINE 官方帳號
    • /map → Google Map 物件位置
  • api → 未來 Worker / Bot API
  • dev → 測試網站,不給客戶
命名建議:給客戶看的網址用 golinkkh001 更容易記;但後台管理可以保留 001、002 做排序。
📊 官方限制速查

免費版最常用額度

以下整理成學習用重點。正式操作仍以 Cloudflare 後台與官方文件為準。

500Pages builds / 月

Git 觸發 Cloudflare 建置會消耗。直接部署成品可減少建置壓力。

100每個 Pages 專案自訂網域

這是每專案限制,不是整個帳號只 100 個。

100kWorkers Free requests / 日

每日 UTC 重置,超過可能出現 1027。

200 / 1000DNS records / Free zone

2024-09-01 前建立的 Free zone 較高,之後多為 200。

🛠️ 第三站:照著流程做

兩條路線不要混在一起

Pages 網站設定與短網址平台設定的入口不同,很多錯誤都是因為把兩條路線混在同一個 DNS 名稱上。

1

進入 Pages 專案

Cloudflare → Workers & Pages → 選 kaohsiung-website → Custom domains。

2

Set up a domain

輸入 001.stronghouse2012.com。如果網域也在 Cloudflare 同帳號,系統通常會自動新增 CNAME。

3

等待 Active

等憑證與網域狀態變成 Active,再拿給客戶使用。

4

不要重複拿 001 給短網址平台

001 已經是網站入口,短網址請另外用 golinkkh

1

先到短網址平台登記

在 PicSee / Bitly / Rebrandly 等平台輸入 go.stronghouse2012.com

2

複製平台給你的 CNAME / TXT

平台可能給 cname.picsee.io 或一組 TXT 驗證碼,這就是你說的「密碼」。

3

回 Cloudflare → DNS → Records

新增 CNAME:Name 填 go,Target 貼平台給的目標,Proxy 通常設 DNS Only 灰雲

4

回短網址平台驗證

驗證成功後,在短網址平台新增短連結,把 /house1 指到 001.stronghouse2012.com/... 的長網址。

1

先問自己:這個名稱有沒有用過?

如果 001 已經在 Pages 使用,就不要再拿去給短網址平台。

2

看目標是誰

Pages 目標通常是 專案.pages.dev;短網址目標通常是平台給的 CNAME;Worker 可能是 Custom Domain 或 Route。

3

短網址優先灰雲

第三方平台驗證 CNAME 常要求能直接查到它們的目標,橘雲可能驗證失敗。

4

測試再發給客戶

nslookupcurl -I、手機 4G 開啟測試,確認不是只在自己電腦快取成功。

⌨️ 最重要:指令專區

可搜尋、可複製、有範例

這裡把 Pages、Workers、Git、DNS API、測試、AI 協作指令集中放好。新手照情境複製即可。

🧯 排錯卡片

遇到問題先翻這裡

每張卡片可點開。DNS 的問題通常不是「網站壞掉」,而是名稱、目標、Proxy、驗證順序其中一個錯。

❌ 短網址平台驗證失敗

最常見是橘雲、名稱填完整、或還沒等 DNS 生效。

檢查:Name 是否填 go,Target 是否貼平台給的 CNAME,Proxy 是否是 DNS Only 灰雲。再用 nslookup go.stronghouse2012.com 看是否查得到。

⚠️ 001 網站打不開

可能是你改到 001 那行 DNS,或 Pages 自訂網域未 Active。

檢查:Pages 專案 → Custom domains 是否有 001;DNS Records 裡 001 是否仍指向 kaohsiung-website.pages.dev;不要把 001 改成短網址平台。

🧩 Cloudflare 不讓你存紀錄

通常是同一個 Name 已經有衝突紀錄。

同一個完整 hostname 不能同時有互相衝突的 CNAME / A。先搜尋 DNS Records 裡是否已經有 go001

🔒 HTTPS 憑證還沒好

剛新增自訂網域後,憑證需要時間建立。

等狀態 Active。若很久仍失敗,檢查 CAA 紀錄、DNS 指向、是否走完 Pages 自訂網域流程。

🌀 go 想導到 001,但不知在哪設定

在短網址平台設定,不是在 Cloudflare 把 go 指到 001。

Cloudflare 的 go 指到短網址平台;短網址平台後台新增短連結,目的地填 https://001.stronghouse2012.com/posts/...

📦 Pages builds 快用完

頻繁推 Git 會觸發 Cloudflare 建置。

減少無效 commit、合併小修改後再 push;或本機 build 後用 wrangler pages deploy ./dist 直接部署成品。
🎯 立即測驗

確認你真的會分工

答錯沒關係,這份是學習頁,不是考試。

Q1:001 已經給 Pages 網站,短網址平台應該用哪個子網域?

Q2:短網址平台給 CNAME 後,Cloudflare 要去哪裡貼?

🏅 完成清單

照著做就能上線

打勾會即時顯示進度。

0% 完成

已複製