不用 Wix、不用 WordPress：用 Claude 做網站，一句話就更新（附入門 Prompt）

我現在更新網站文章的方式，是寫完，跟 Claude 說一句「幫我發布」，文章就上線了。不用登入後台、不用一篇篇貼、不用付月費。

這篇就把它從頭講清楚：傳統用 Wix／WordPress 是怎麼一回事、為什麼我換掉它、換成什麼、以及你要怎麼開始。看完你會知道這不是工程師才能玩的東西。

先看傳統 CMS（Wix／WordPress）是怎麼運作的

CMS 就是「內容管理系統」——一個讓你不用寫程式、用後台介面就能更新網站的工具。Wix、WordPress、Squarespace 都是。它的日常大概長這樣：

1. 登入後台——每次都要連到管理介面、登入。
2. 新增一篇文章——在它的編輯器裡打字、排版，圖片要先上傳到「媒體庫」再插進來。
3. 套版面、調格式——標題、粗體、間距用滑鼠一個個拖、一個個點，連結還要一個一個選字、貼網址。
4. 預覽、發布——確認沒跑版，按下發布。
5. 下次再來一遍——五篇就重複五次；改個版面，每篇都要再進去動一次。

它不是不好——對完全不想碰技術的人，它很友善。但用久了你會撞到幾道牆：

• 慢、而且綁在平台上——網站速度看平台臉色，搬家很痛。
• 月費——想要去廣告、綁網域、解鎖功能，常常得升級付費方案。
• 重複勞動——一次要發五篇十篇，就是一篇篇貼、一篇篇排，不知不覺一兩個小時就過去了（這也是我當初最受不了的點）。

換成 Claude + Astro + Cloudflare 之後

我後來改用三個東西的組合，這個網站（ailifelab.co）就是這樣做的：

• Claude（Claude Code）——你的寫手＋工程師。文章請它寫、網站請它建、要發布也是跟它說一句話。
• Astro——一套把「純文字檔」變成漂亮網頁的框架。你的每一篇文章，就是一個 .md 文字檔，乾淨、好搬、永遠是你的。
• Cloudflare Pages——免費幫你把網站放上網的地方，全球加速、速度飛快。

更新一篇文章的流程，從「登入後台 → 排版 → 發布」變成：

寫好內容 → 跟 Claude 說「幫我發布到網站」 → 它建好檔案、執行一個指令 → Cloudflare 自動上線（約 1～2 分鐘）。

維護更是幾乎歸零：

• 沒有後台——也就沒有一個要登入、要顧的管理介面。
• 沒有月費——Cloudflare 免費額度對個人站綽綽有餘，省下 Wix 那筆。
• 不用管伺服器、不用更新外掛——沒有那些半夜跳出來要你升級的東西。
• 文章是你的純文字檔——存在你電腦／雲端，哪天想搬走，整包帶走就好。

我現在甚至幫客戶把它變成「內容工廠」：有個做理財的客戶，系統每天自動幫他找出金融市場最重要的三則時事、加上他本人的觀點，變成三篇草稿；他早上打開，看到三篇等待審核，改一改、或直接發布。而且這些文章還能再丟進自動剪輯程式，轉成 IG／Facebook 的 Reels，一次內容、多次曝光。

大步驟教學：怎麼開始

你不需要會寫程式，但要知道整體有哪幾步（細節都交給 Claude）：

1. 申請一個 Cloudflare 帳號（免費）——之後網站放這裡。
2. 請 Claude Code 幫你建一個 Astro 部落格骨架——一句話，它就把整個網站雛形生出來，本機就能預覽。
3. 接上 GitHub ＋ Cloudflare Pages——GitHub 是放程式碼的雲端，Cloudflare 綁定它之後，你每次更新它就自動重新上線（這步設定一次，之後都不用再碰）。
4. 網址——先用免費的 你的名字.pages.dev 就能上線；想要自己的網域，之後再買、再綁。
5. 之後的日常——「幫我寫一篇關於 ✕✕ 的文章，發布到我的網站」。完成。

第 1～4 步是「建一次」的地基，第 5 步才是你每天在做的事。地基那一段卡住很正常，下面這段 prompt 就是要帶你過。

直接讓 Claude 帶你一步步做（複製貼上）

開始前先確認一件事：要用哪個「Claude」？ Claude 桌面 App 裡其實有三個東西——Chat（聊天）、Cowork、Claude Code，這套做法一定要用 Claude Code：只有它能操作終端機、git、直接幫你改檔案並部署上線。

• ❌ Chat（含 claude.ai 網頁聊天）——能陪你寫文章，但不能幫你跑指令、上傳網站。
• ❌ Cowork——是給「非技術的知識工作」用的（整理檔案、做報表、跑排程），跑在一個受限的沙盒裡，不碰你的終端機、git 和部署，所以「建站＋上線」這段它接不了。
• ✅ Claude Code——終端機、git、部署就是它的本行，這篇全程用它。

兩者都含在 Pro 以上方案裡、不用另外加錢。還沒裝的話，先把 Claude Code 裝好、登入，再回來——它裝好，就是你的工程師。

把下面這段複製貼到 Claude Code，把方框換成你的情況。它會用白話帶你做，每做完一步停下來等你確認，不會一次丟一堆指令把你淹沒。

我想做一個自己的部落格網站，技術組合是 Claude Code + Astro + Cloudflare Pages。
我幾乎不懂程式、電腦裡大概什麼開發工具都沒裝，請你當我的引導者，
從「確認我電腦準備好了沒」開始，一步一步帶我做到網站上線。

回答之前請先：
- 如果你能上網，幫我查一下「最近一個月」Astro 與 Cloudflare Pages
  的最新做法，不要給我過時的指令
- 不確定的地方直接說「建議我去官網確認」，不要硬掰

我的情況：
- 我想放的內容是：[ 例如：個人品牌文章 ／ 作品集 ／ 教學筆記 ]
- 我的電腦是：[ Mac ／ Windows ]
- 我有沒有 GitHub 帳號：[ 有 ／ 沒有，請你教我開 ]
- 我想先用免費網址，還是已經有自己的網域：[ 免費先試 ／ 我有網域 ]

請這樣帶我：
1. 先用三句話告訴我接下來總共幾大步、每步在做什麼，讓我有心理準備
2. 第一步先「幫我檢查並準備環境」：我電腦有沒有 Node、git、連不連得上
   GitHub，缺什麼就帶我裝什麼，一次一個、裝完幫我確認真的好了
3. 之後「一次只帶我做一步」：這一步要做什麼、為什麼，需要我操作的就
   講清楚點哪裡、貼哪段指令（指令請給我可以直接整段複製的完整版）
4. 遇到要「在瀏覽器網頁裡操作」的步驟（例如到 Cloudflare 後台把網站綁上去），
   你沒辦法幫我點，請給我精確到「點哪顆按鈕、欄位填什麼值」——
   像建置指令、輸出資料夾這種一定要給我確切的字，不要只講概念
5. 每做完一步，停下來問我「成功了嗎／畫面看到什麼」，我回報後你再帶下一步
6. 過程中只要出現要花錢、或會公開上線的動作，先提醒我、等我點頭
7. 全部用白話，少用術語；真的要用術語就順手解釋一句

我們現在從第一步「檢查我的電腦」開始。

它回什麼，你就照著做、把結果回報給它；卡住了就把錯誤訊息整段貼回去，它會幫你解。建一次，之後就一直用。

建好之後，日常發文大概像這樣跟它說（這也是我實際在用的流程）：

我想寫一篇關於「[ 主題，例如：2026 上半年最值得關注的 3 個 AI 工具 ]」的文章。

請幫我：
1. 上網查「[ 要查的資料，例如：這幾個工具最近一個月的更新與實際評價 ]」，
   只用可信來源，順手把出處附給我
2. 把查到的彙整成一篇好讀的草稿（自己抓結構，分點、小標都可以）
3. 動筆前先問我：這篇我想加上哪些「自己的觀點或經驗」，等我回答再融進去
   ——這部分是文章的靈魂，不要你自己編
4. 語氣和排版請參考我之前的文章 [ 檔名，例如 src/content/blog/某篇.md ]，
   跟我的風格一致
5. 寫好先貼給我看，我說 OK，再幫我發布到網站

幾個貼心提醒

• 分清楚「可以直接做」和「一定要你點頭」——這是最重要的一條。 Claude Code 第一次碰到某類動作會問你要不要允許，你可以選「永遠允許」或「每次都問我」。建議這樣分： ✅ 可以放手讓它直接做（低風險、改錯也救得回來）：寫草稿、改你自己文章的文字、在本機預覽。這些設「永遠允許」，省得一直被打斷。

  ⚠️ 一定要它先問、你同意才做（會公開或不可逆）：正式發布上線（git push）、買網域或開通付費、刪檔案、改設定與金鑰。這些第一次都選「每次都問我」，看清楚再點頭。

• 「審稿」和「發布」要分成兩關。 尤其之後你做「自動產文」那種機制（像我那個理財客戶，每天 3 篇等待審核），千萬不要讓 AI 寫完就自動公開——中間一定留一道你（或同事）過目的關卡，確認沒問題再發。內容是你的招牌，這關省不得。

• 先在本機預覽，再上線——「在自己電腦看一眼」和「正式發布」是兩件事；先預覽沒問題，再讓它推上線。

• 金鑰、密碼不要寫進文章或程式碼裡——之後要接其他服務時，敏感資訊放在專門的「環境變數」，這點請 Claude 一定幫你顧好。

• 文章記得留底——你的 .md 檔就是本體，順手同步到雲端（Google Drive／GitHub 本身就有），哪天都搬得走。

延伸：同一篇文章，怎麼變成 IG／FB／Reels

寫好一篇文章後，它其實不該只待在網站上。我自己的做法是——同一篇內容，再請 Claude 換個平台的口氣改寫，一稿多用：

• IG 輪播——把文章拆成一頁一頁的重點，排成輪播圖。
• FB 貼文——改成適合 Facebook 的長文語氣，直接發。
• Reels／短影音——如果你有口播影片，丟進自動剪輯流程，剪成短影音。

等於寫一次、多個平台一起曝光，這也是把「發文頻率」拉起來最省力的方式。

老實說，這塊沒辦法用這一篇講完——因為它不只是「叫 Claude 改寫」這麼簡單，要做得順、做得像你，背後還得搭幾個東西：

• 自動剪輯的工具（skill）——讓影片照逐字稿自動剪、上字幕、配 B-roll（影片 → Reels 這段）。
• 輪播生成的工具（skill）——把文字按你的版型，自動排成一頁頁的圖（文章 → IG 輪播）。
• 一份品牌文件——把品牌重點整理成一份文件給 AI 參考，產出才一致、不走鐘：色卡、字體字級、語氣範例、關鍵字、固定 CTA、版型規則，再附幾篇代表作當風格樣本。

每一塊都是一套設計，我會之後一篇篇拆。其中影片自動剪輯我已經先寫了一篇，想先看的話 👉 用 Claude 自動剪影片。

進階：這些都還能再往下做（之後一篇篇拆）

這篇是入門——先讓你能把網站架起來、能一句話更新。真正要把它變成一個會帶來客戶、會賺錢的資產，下面每一塊都還需要進一步設計，我會陸續拆成單篇，記得追蹤、別錯過：

• 行銷定位——你是誰、寫給誰看、三根內容支柱是什麼。網站漂亮沒用，定位對了才有人來。
• SEO（被 Google 搜到）——sitemap、每篇的標題與描述、分享到社群的預覽卡（OG）、結構化資料、關鍵字怎麼選。Astro 在這塊其實先天就快、對 SEO 友善。
• 資安——沒有後台已經先安全一大截；之後若加表單、會員，還要談防濫用、Cloudflare 的防護、金鑰保管。
• 網站樣板與設計——版型、字體、配色、手機版、明暗模式。要不要套現成模板、還是請 Claude 客製一套你的風格。
• 串接其他系統——用 Notion 當你的文章來源、接上你的自動化流程讓內容自動產出、接電子報名單、把文章自動轉成短影音。
• 接金流——綠界／藍新／Stripe，賣電子書、線上課、訂閱、會員專屬內容，讓網站不只是名片、而是收銀台。

每一塊都可以是一整套設計，不是一篇講得完——所以這篇只先帶你跨出第一步：把網站做出來、能一句話更新。其他的，我們一篇一篇來。

接下來

你不用會寫程式、不用懂技術——把「更新網站」這件麻煩事交出去，省下的時間拿去做真正重要的事。

想用 AI 讓生活與工作更輕省，追蹤 AI 生活實驗室 @life.coach.mtcity，我們一起玩 AI！