Claude Code x 部落格架設(一)：搞懂 Astro、Git、Cloudflare
AI 文章延伸
選擇平台後可直接帶入閱讀脈絡，快速整理重點、補齊盲點，並延伸到同站相關文章。
前幾篇文章我們聊了怎麼用 AI 輔助產文、怎麼把文章自動化發布到社群平台。內容產出的流程順了，但這些內容最後都散落在別人的平台上。接下來這一步，是把內容收回來——建立我們自己的部落格，讓這些文章留在自己的資產底下。
用 Claude Code 架一個部落格，從頭到尾不需要一個下午，但在動手之前，有三個名詞你會不斷遇到：Astro、Git / GitHub、Cloudflare。這篇文章用最白話的方式，讓你在不寫任何一行程式碼的情況下，搞懂它們分別是什麼、為什麼需要它們。
這是「用 Claude Code 架部落格」系列的第一篇。概念搞清楚之後，下一篇我們會直接動手安裝 Astro，讓 Claude Code 幫你把部落格跑起來。
為什麼不用 WordPress 或 Medium？
在解釋那三個名詞之前，先回答一個更根本的問題：為什麼要自己架站？
WordPress 功能強大，但它需要租用主機、安裝資料庫、定期更新安全漏洞。對不懂技術的人來說，光是主機方案的選擇就能卡住一整天。Medium 和方格子之類的平台免去了技術問題，但你寫的內容不真正屬於你——平台改規則、關閉服務、限制流量，你完全無法控制。
我們想要的是：免費、快速、內容完全由自己掌控。
這正是 Astro + Git + Cloudflare 這個組合能做到的事。而且有了 Claude Code，整個過程不需要你懂程式。
Astro 是什麼？你的部落格生成器
想像你要蓋一棟房子。你不需要從燒磚頭開始，去建材行買預製的牆板、門框、窗戶，按照設計圖組裝就好。
Astro 就是你的建材行加上設計圖。
它是一個「靜態網站產生器」。聽起來很技術，但核心概念很簡單：你寫好文章內容，Astro 會自動幫你把內容套進設計好的版型，產生出一個完整的網站。
什麼是靜態網站？
網站分兩種。一種是「動態網站」，像 Facebook 或蝦皮，每個人看到的內容都不一樣，因為它會根據你的帳號、地點、瀏覽紀錄即時產生頁面。另一種是「靜態網站」，每個人看到的內容都一樣——就像一本印好的書，內容不會因為讀者不同而改變。
部落格本質上就是一本書。你寫好一篇文章，所有讀者看到的都是同一篇。這種場景用靜態網站就夠了，而且靜態網站有幾個明顯的優勢：
- 速度快。 不需要等伺服器臨時產生頁面，直接把做好的頁面丟給讀者
- 安全。 沒有資料庫可以被攻擊，沒有後台可以被入侵
- 免費託管。 很多平台（包括等一下會講的 Cloudflare）都提供靜態網站的免費託管
為什麼選 Astro？
靜態網站產生器有很多：Hugo、Jekyll、Next.js、Gatsby，隨便列就是一長串。我們選 Astro 有幾個原因：
第一，它產出的網頁特別輕。 Astro 預設不會載入任何 JavaScript，所以你的部落格打開速度會比大多數網站都快。對 Google 搜尋排名來說，速度快就是優勢。
第二，寫文章的方式很直覺。 Astro 支援用 Markdown 寫文章。Markdown 是一種簡單的格式標記，用 # 表示標題、用 ** 表示粗體，寫起來幾乎跟打記事本一樣。你現在讀的這篇文章，就是用 Markdown 寫的。
第三，Claude Code 對 Astro 很熟。 這一點很關鍵。我們的目標是讓 Claude Code 幫你處理所有技術細節，而 Claude Code 對 Astro 的理解程度非常高，給它指令基本上都能正確執行。
Git 和 GitHub 是什麼？你的備份 + 時光機
蓋好房子之後，你需要一個保險箱來存放設計圖，萬一房子出了問題，可以隨時拿出設計圖重建。
Git 就是那個保險箱，GitHub 就是保險箱的存放地點。
Git：追蹤每一次修改的工具
Git 是一個「版本控制系統」。這個詞聽起來嚇人，但做的事情你一定很熟悉。
想想你寫報告的經驗：期末報告_v1.docx、期末報告_v2.docx、期末報告_最終版.docx、期末報告_最終版(真的最終).docx⋯⋯
Git 做的事情本質上一樣，但更聰明。它不是每次存一份完整的新檔案，而是只記錄「哪裡改了什麼」。你可以隨時回到任何一個版本，看看當時改了什麼，甚至把某次錯誤的修改「撤銷」回去。
對部落格來說，Git 的價值是：
- 每次修改都有紀錄。 你改了文章標題、調了版面配色，Git 都會記住，想回到之前的版本隨時可以
- 不怕改壞。 大膽修改，改壞了隨時回復
- 自動觸發部署。 這一點下面會詳細解釋
GitHub：你的雲端程式碼倉庫
Git 是工具，GitHub 是平台。Git 在你的電腦上運作，GitHub 把你的紀錄同步到雲端。
你可以把 GitHub 想像成 Google Drive，但專門用來存放程式碼和網站檔案。把檔案「推」到 GitHub 上之後，你的程式碼就有了一份雲端備份。電腦壞了、硬碟掛了，你的網站檔案都還在。
不過 GitHub 對部落格來說，最重要的功能不是備份——而是它可以跟 Cloudflare 連動。你把修改推到 GitHub，Cloudflare 會自動偵測到變化，幫你重新產生網站。這表示你更新一篇文章的流程是：
- 在電腦上改好文章
- 用 Git 記錄修改
- 推到 GitHub
- Cloudflare 自動幫你部署
整個過程，Claude Code 可以在一句話之內幫你完成。
Cloudflare 是什麼？你的免費全球發行商
房子蓋好了，設計圖存好了，但房子蓋在深山裡，沒有人找得到。你需要一個地址，還需要一條通往房子的高速公路。
Cloudflare Workers 就是幫你把房子搬到市中心，還免費幫你修了高速公路。
傳統架站 vs Cloudflare Workers
傳統做法是：租一台伺服器（每個月幾百到幾千塊），把網站檔案放上去，自己設定網域、SSL 憑證、安全性防護⋯⋯光是這串術語就足以勸退大部分人。
Cloudflare Workers 把這些全部打包好了：
- 免費託管。 靜態網站不限流量，不用付錢
- 自動部署。 連結 GitHub 之後，每次推送更新就自動重新部署
- 全球 CDN。 Cloudflare 在全世界超過 300 個城市有伺服器節點。不管讀者在台北、東京還是紐約，都能快速載入你的網站
- 自動 HTTPS。 網址前面那個小鎖頭圖示，代表連線是加密的。Cloudflare 自動幫你處理
什麼是 CDN？
CDN（Content Delivery Network，內容傳遞網路）可以理解為「全球複製站」。假設你的部落格主機在美國，一個台灣讀者要看你的文章，資料得從美國傳到台灣，距離遠，速度慢。
CDN 做的事是把你的網站內容複製到全世界各地的伺服器上。台灣讀者訪問你的網站時，資料從台北的節點回應，不用跑到美國去。就像台北市立圖書館——總館在建國南路，但你家附近就有分館，直接去分館借書就好，不用每次都跑去總館。
三個工具怎麼搭配？
說了這麼多，讓我們把三個工具串在一起，看看完整的流程：
你寫文章（Markdown）
↓
Astro 把文章變成網頁
↓
Git 記錄這次的修改
↓
推送到 GitHub（雲端備份）
↓
Cloudflare Workers 偵測到更新
↓
自動部署，全球讀者都能看到整個流程中，你唯一要做的就是寫文章。剩下的步驟，Claude Code 會幫你執行。你跟它說「幫我把這篇文章發布上去」，它就會自動執行 Git 指令、推送到 GitHub，然後 Cloudflare 在幾十秒內幫你部署完成。
如果你還不確定 Claude Code 能做到什麼程度，可以先看看我們整理的八個非工程師也該學 Claude Code 的理由。
需要花多少錢？
這大概是你最關心的問題。
| 項目 | 費用 |
|---|---|
| Astro | 免費（開源軟體） |
| Git | 免費（開源軟體） |
| GitHub | 免費（公開與私有倉庫皆不限制） |
| Cloudflare Workers | 免費（靜態網站方案） |
| Claude Code | 需要 Claude Pro 訂閱，每月 $20 美元 |
| 網域名稱 | 可選，約每年 $10-15 美元 |
除了 Claude Code 的訂閱費和可選的網域名稱之外，架部落格本身的成本幾乎是零。如果你只是想試玩看看，甚至可以先用 Cloudflare 提供的免費子網域（你的名字.workers.dev），連網域費用都省了。不過如果你想累積個人品牌，還是建議想一個名字、買一個自己的網域，讀者記得住，搜尋引擎也會更認真對待。
下一步：動手安裝 Astro
概念講完了，不需要背這篇提到的任何術語。你只需要記得一件事：Astro 負責產生網站，Git 和 GitHub 負責備份和同步，Cloudflare 負責讓全世界都能看到。
下一篇文章，我們會直接動手。你會打開終端機，讓 Claude Code 幫你安裝 Astro、建立第一個部落格專案、選好主題樣式，然後在瀏覽器裡親眼看到你的網站跑起來。從一片空白到「哇，這是我的網站」，整個過程不會超過 30 分鐘。
常見問題
完全不會寫程式，真的能用 Claude Code 架部落格嗎？
可以。Claude Code 能理解中文指令，你只需要告訴它你想做什麼，它會幫你寫程式碼、執行指令、處理設定。整個過程更像是在跟一個工程師對話，而不是自己寫程式。我們有一篇完整的安裝指南，從零開始帶你操作。
部落格文章要用什麼格式寫？
Astro 使用 Markdown 格式。Markdown 是一種用純文字標記的寫法，用 # 表示標題、** 表示粗體、- 表示清單。不需要安裝任何特殊軟體，用記事本就能寫。學習成本大概十分鐘，寫過一篇就會了。而且搭配 AI 產文的流程，你甚至不用自己寫 Markdown，讓 AI 直接產出格式正確的文章檔案就好。
Cloudflare Workers 免費方案有什麼限制？
免費方案每個月可以發布 500 次更新，每天最多讓 10 萬個訪客瀏覽你的網站。對個人部落格來說綽綽有餘，大多數人根本用不到這個上限的十分之一。