2026 最速打造 WordPress 部落格:用 LocalWP + Cloudflare Pages 幾乎零成本上線

更新 發佈閱讀 9 分鐘

為什麼我要逃離付費主機?

經營部落格兩年最讓我痛心的,就是每年固定要繳的那筆虛擬主機租金。不只貴,偶爾還要擔心主機商斷線或被駭客攻擊。直到我在 AI 的建議下嘗試了 LocalWP + Cloudflare Pages 這個組合,才發現原來架網站真的可以不用買主機

這篇文章不只是寫給想省錢的站長,更希望幫助那些因為覺得架站技術門檻太高、或是被高昂主機費勸退的朋友。只要付網域費(一年約台幣 300 多元),就能擁有更快、更安全的網站。趁著今年續約前,我決定把這個「幾乎零成本」的搬家過程記錄下來分享給大家。


新架構的優勢:省錢、即便捷

簡單來說,我們是「在自己的電腦上架站(LocalWP),把做好的網頁印成靜態檔案,再放到雲端免費展示(Cloudflare Pages)」。

這個做法有三大好處:

  1. 省下鉅款:再也不用租主機,只剩網域費用。
  2. 速度飛快:靜態網頁不用讀取資料庫,載入速度是秒開等級。
  3. 駭客沒轍:線上只有 HTML 檔案,沒有後台也沒有資料庫,駭客根本無從入侵。

第一階段:在電腦上建立 WordPress 環境

1. 安裝 LocalWP

LocalWP 官網 下載並安裝。打開後點擊「Create a new site」,一路按 Continue 預設值,設定好你的帳號密碼,幾秒鐘後你就有一個在自己電腦上跑的 WordPress 了。(如果是全新站長,現在就可以開始寫文章了!)

2. 舊站搬遷(老手必看)

如果你跟我一樣要從舊主機搬過來,推薦用 All-in-One WP Migration 外掛匯出檔案。為什麼不用 LocalWP 內建的匯入,也不直接用 All-in-One 的匯入功能?因為免費版的外掛通常都有嚴格的檔案上傳大小限制(例如 512MB),我們累積多年的備份檔通常都會超過這個上限。

所以,我們需要手動處理:匯出後你會拿到一個 .wpress 檔案,這時候我們可以用開源工具 Wpress-Extractor 來解壓縮。

💡 AI 小幫手

如果你看到終端機 (Terminal) 指令就頭痛,現在可以直接把 .wpress 檔案丟給 Google Antigravity 或其他可操作終端的 AI 助手,請它幫你執行解壓縮指令,甚至直接幫你把解壓後的 wp-content 資料夾放到正確的位置。

搬家完成後,你在電腦上就擁有跟原本線上一模一樣的網站了。


第二階段:把網站「印」出來 —— 靜態化

我們要用外掛把動態的 WordPress 轉成靜態 HTML。這裡推薦新手使用 Simply Static

操作步驟:

  1. 在 LocalWP 後台安裝並啟用 Simply Static 外掛。
  2. Simply Static -> General,將 "Delivery Method" 設定為 Local Directory
  3. 在 "Local Directory" 欄位,指定一個你電腦上的空資料夾(例如 Desktop/mysite-static)。
  4. Simply Static -> Generate,點擊紫色的 "Generate Static Files" 大按鈕。

這時候你會看到進度條開始跑,就像印表機一樣把你的文章一篇篇印出來。跑完後,去那個資料夾看看,裡面應該已經充滿了 index.html 和各種檔案,這就是你的網站全貌。

上傳到 GitHub

接著我們要把這包檔案傳到 GitHub。

  1. 建立/登入你的 GitHub 帳號。
  2. 建立這一個新的 Repository (倉庫),把剛剛生成的靜態檔案全部丟進去。
  3. 按下 "Commit" 和 "Push origin"。

💡 AI 小幫手

同樣的,如果你對 Git 指令不熟,也可以請 AI 協助你初始化 Git、加入檔案並上傳到 GitHub。

第三階段:部署與上線 (Cloudflare Pages)

東西都在 GitHub 了,接下來讓 Cloudflare 幫我們免費展示。

  1. 註冊/登入 Cloudflare Dashboard
  2. 左側選單點選 Workers 和 Pages
  3. 點擊 建立應用程式 -> Connect to Git
  4. 授權你的 GitHub 帳號,並選擇剛剛那個 Repository。
  5. 設定不用動,直接按 Save and Deploy

幾秒鐘後 Cloudflare 就會給你一個 https://xxxxx.pages.dev 的網址,你的網站在全球上線了!

Cloudflare Pages

Cloudflare Pages


第四階段:網域設定 —— 把門牌掛上去

最後一步最重要,我們要用自己的網址(如 yourname.com)。

0. 購買網域 (新手必看)

如果你還沒有網域,強烈推薦直接在 Cloudflare 購買,價格最透明且不隨意漲價。

  1. Cloudflare Dashboard 左側選單點選 Domain Registration -> Register Domains
  2. 搜尋你喜歡的網址 (例如 abc-blog.com)。
  3. 看到喜歡的且價格合適的(通常 .com 一年約 8~10 美金),按下 Purchase
  4. 填寫資料並付款,搞定!

1. DNS 指向

如果你原本的網域是已經在其他地方買好的:

  1. Cloudflare 中的網域,輸入你的網域。
  2. Cloudflare 會給你兩組 Nameservers (名稱伺服器)
  3. 回到你原本買網域的地方(例如 Hosting.com 後台),找到 DNS ManagementUpdate Nameservers 設定。
  4. 把原本的紀錄刪掉,換成 Cloudflare 給你的那兩組。
  5. 回到 Cloudflare 等待,或是過一短時間後點擊 "Check Nameservers",通常等待幾分鐘到一小時就會生效,看到下圖綠色勾勾的區塊就代表成功指向。
  6. 最後回到應用程式中使用自訂網域,把你的網域綁定上去。
Cloudflare 網域頁面

Cloudflare 網域頁面

看到此區塊代表 DNS 指向成功

看到此區塊代表 DNS 指向成功

回到應用程式中使用自訂網域

回到應用程式中使用自訂網域


2. 網域過戶 (Transfer)

  1. 原註冊商解鎖:到原註冊商後台,把 Domain Lock 關掉 (Unlock),
  2. 取得授權碼:在原註冊商後台點選 "Get Authorization Code" 或 "EPP Code",你會收到一組亂碼。
  3. Cloudflare 申請轉移:在 Cloudflare 後台點選 Domain Registration -> Transfer Domains(大約 1-2 小時內應會會看到 Cloudflare 的"移轉網域" 頁面中出現你的網域。)
  4. 輸入剛剛那組授權碼。
  5. 刷卡付一年的續約費(通常是 8~10 美金)。
  6. 原註冊商會寄信向你確認是否同意轉移(若沒有收到此信件通常是默認 5-7 天後自動轉移)
  7. 同意轉移或是時間到自動轉移後,Cloudflare 會寄信給你,這時所有操作都已完成,確認新版網站沒問題後就可以去退租舊的主機了。
Hosting.com 後台

Hosting.com 後台



結論

看著 Google PageSpeed Insights 上全綠的滿分,還有錢包裡省下來的幾千塊,這一切的折騰都是值得的。這套架構不僅省錢,更讓我找回了「單純寫作」的快樂,不用再擔心主機維護的問題。強烈推薦大家試試看!

常見問題

Q1:以後寫文章更新會很麻煩嗎?

A:不會! 流程跟原本一樣:打開 LocalWP 寫文章 -> 存檔。唯一的差別是寫完後要多按一下 Simply Static 的「Generate」生成按鈕,然後用 GitHub Desktop 上傳。其實就當作是多一個「備份」的動作,習慣後只要 1 分鐘。

Q2:原本的留言板功能還能用嗎?

A:原生的會失效。 因為是靜態網頁,WordPress 原本的留言系統(需要資料庫)無法運作。建議改用 Facebook 留言外掛或是 Disqus 這類第三方服務,這樣讀者一樣可以在下面留言互動。

Q3:如果我不滿意,還能搬回一般主機嗎?

A:隨時可以! 你的 LocalWP 裡面保存著完整的 WordPress 網站(含資料庫)。如果哪天你想換回付費主機,只要用原本的 All-in-One WP Migration 匯出,再到新主機匯入即可。這也是用 LocalWP 開發的一大優點,進可攻退可

留言
avatar-img
益生駿的沙龍
13會員
33內容數
以學生角度分享 Notion、Canva、Tableau 等生產力軟體使用技巧,分享自我提升相關書籍,以及藥學系求學歷程的大小事
益生駿的沙龍的其他內容
2025/12/26
你也想做 Side Project,但想到前後端串接、API 設定、響應式設定就覺得心累嗎?從前的我也是如此,但在密集的使用了 Google Antigravity 一週後,我成功辦到了,打造出一款包含 AI 搜尋功能的「Veggie Finder 素食地圖」。
Thumbnail
2025/12/26
你也想做 Side Project,但想到前後端串接、API 設定、響應式設定就覺得心累嗎?從前的我也是如此,但在密集的使用了 Google Antigravity 一週後,我成功辦到了,打造出一款包含 AI 搜尋功能的「Veggie Finder 素食地圖」。
Thumbnail
2025/11/23
2025 年 11 月 18 日,Google 推出了自家的 AI 開發平台「Google Antigravity」,一款以「Agent-first」(AI 代理為主)為核心概念的全新 IDE(整合開發平台)。這幾天我稍微體驗了一下,真的覺得非常有趣,所以想把這個新工具分享給大家。
Thumbnail
2025/11/23
2025 年 11 月 18 日,Google 推出了自家的 AI 開發平台「Google Antigravity」,一款以「Agent-first」(AI 代理為主)為核心概念的全新 IDE(整合開發平台)。這幾天我稍微體驗了一下,真的覺得非常有趣,所以想把這個新工具分享給大家。
Thumbnail
2025/10/30
近期終於開始出現真正「AI 原生」的瀏覽器,例如 Dia 以及Perplexity Comet。而就在上週,OpenAI 也正式推出了自家的 AI 瀏覽器—ChatGPT Atlas。今天就讓我來和大家分享,它究竟帶來哪些值得一試的新體驗,以及是否推薦入手!
Thumbnail
2025/10/30
近期終於開始出現真正「AI 原生」的瀏覽器,例如 Dia 以及Perplexity Comet。而就在上週,OpenAI 也正式推出了自家的 AI 瀏覽器—ChatGPT Atlas。今天就讓我來和大家分享,它究竟帶來哪些值得一試的新體驗,以及是否推薦入手!
Thumbnail
看更多
你可能也想看
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
Cloudflare R2 是目前性價比最高的 S3 相容物件儲存服務,把 WordPress 的媒體庫圖片搬到 R2 可以大幅降低主機 I/O、節省頻寬費用,並且自動享有 Cloudflare CDN 加速。
Thumbnail
Cloudflare R2 是目前性價比最高的 S3 相容物件儲存服務,把 WordPress 的媒體庫圖片搬到 R2 可以大幅降低主機 I/O、節省頻寬費用,並且自動享有 Cloudflare CDN 加速。
Thumbnail
學習如何在 15 分鐘內設定免費的 Cloudflare R2 圖片託管。10GB 儲存、無限流量、全球 CDN。不需要寫程式,完整步驟教學。
Thumbnail
學習如何在 15 分鐘內設定免費的 Cloudflare R2 圖片託管。10GB 儲存、無限流量、全球 CDN。不需要寫程式,完整步驟教學。
Thumbnail
Cloudflare 的新功能允許網站針對 AI 爬蟲按次計費,徹底改變網路世界的金流模式。此功能讓網站可以將其有價值的內容 (例如:教學文章、成功案例、內部 SOP 等) 變現,創造額外營收。此舉改變內容變現邏輯,讓資料授權成為新的獲利模式,也將影響 SaaS 公司估值方式及知識價值,為內容創作者
Thumbnail
Cloudflare 的新功能允許網站針對 AI 爬蟲按次計費,徹底改變網路世界的金流模式。此功能讓網站可以將其有價值的內容 (例如:教學文章、成功案例、內部 SOP 等) 變現,創造額外營收。此舉改變內容變現邏輯,讓資料授權成為新的獲利模式,也將影響 SaaS 公司估值方式及知識價值,為內容創作者
Thumbnail
Cloudflare是一家全球網路服務公司,提供安全、高效且穩定的網路環境。其營收主要來自訂閱服務,付費客戶數持續增長,大型客戶貢獻比例越來越高。2025年Q1營收同比增長27%,達到4.791億美元,表現強勁。Cloudflare在AI相關服務方面也看到強勁增長,並看好AI Agent的發展潛力。
Thumbnail
Cloudflare是一家全球網路服務公司,提供安全、高效且穩定的網路環境。其營收主要來自訂閱服務,付費客戶數持續增長,大型客戶貢獻比例越來越高。2025年Q1營收同比增長27%,達到4.791億美元,表現強勁。Cloudflare在AI相關服務方面也看到強勁增長,並看好AI Agent的發展潛力。
Thumbnail
了解如何使用 Cloudflare Workers AI 與 Whisper 建立免費開源的語音辨識功能。本文詳細說明註冊步驟、部署流程及程式碼修改,讓你輕鬆將語音轉換成文字。
Thumbnail
了解如何使用 Cloudflare Workers AI 與 Whisper 建立免費開源的語音辨識功能。本文詳細說明註冊步驟、部署流程及程式碼修改,讓你輕鬆將語音轉換成文字。
Thumbnail
本篇文章計算了架設維護網站,我每年花了多少錢?扣掉買斷的佈景主題(1900 元)。其他包含:網域(800 元)+電子信箱(1400 元)+ 主機(600 元 * 12 個月)+ 資安外掛(3900 元)+ 速度優化外掛(1600 元),現在每年我總共要花臺幣 14900 元!!!
Thumbnail
本篇文章計算了架設維護網站,我每年花了多少錢?扣掉買斷的佈景主題(1900 元)。其他包含:網域(800 元)+電子信箱(1400 元)+ 主機(600 元 * 12 個月)+ 資安外掛(3900 元)+ 速度優化外掛(1600 元),現在每年我總共要花臺幣 14900 元!!!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News