免費建立一個自己的網站 - WordPress + Cloudflare Pages
閱讀時間約 7 分鐘
本篇要解決的問題
之前有寫過二篇，用免費的資源來建立一個自己的網站：「Netlify + GitLab」、「Publii + GitHub Pages」，不過後來有朋友反應說，Publii 要收 $$ 了，而 August 本身為這個站製作的 Demo 頁，也都是用 GitHup Pages，所以就一直沒有再去找其它的替代品。
直到最近才發現一個好東西：Cloudflare Pages，一個有提供免費額度的靜態網站及網址的線上佛心工具（好長的稱號），而且官方文件還提供怎麼放由 WordPress 建立的網頁，知道了以後就一直想來踹踹看。
眼尖的朋友可能會發現，之前本站中的 Let’s 週報不見啦，其實就是用 WordPress + Cloudflare Pages 的方式，搬到了新建的一個子網域，以後 Let’s 週報都會集中這：
Cloudflare Pages 本身就有提供一個免費的網域，不一定要自己有租網域才可以使用。
如果你對 WordPress 有一點熟（不熟也可以看 基本介紹），但不知道要怎麼用 WordPress 來建立一個屬於自己的網站的話，可以看這篇。
這篇沒有程式碼，單純就是外掛裝一裝、按鈕點一點，檔案拉一拉，就好了，就是這麼的樸實無華~
本機安裝、建立 WordPress
因為是要免費的用 WordPress 來建立網站，就不用去花 $$ 找外部主機，直接拿個人電腦就行。
關於如何用本機安裝及建立 WordPress，本站之前就有寫過筆記文了，這邊不再重寫，請點擊下方文章觀看：
本機安裝好後，就可以開始找佈景主題、安裝外掛、建立頁面或文章。
本站之前也有寫過推薦對 SEO 有利的外掛，可以參考：
本段最後要注意的有二點。
網址把參數去掉
因為我們不是把整個 WordPress 的程式放進 Cloudflare Pages 上，而是把所有的文章及頁面轉成 HTML 檔後匯入，所以網址的部份不能夠有參數，不然匯出時會有錯誤。
而在 WordPress 的後台中：設定 > 永久連結，預設就會是有參數的，看到有「?」的符號就是有參數，必須選擇別種沒有「?」符號的網址格式，才能再下一步匯出時順利成功。
不支援留言功能
WordPress 本身有提供留言功能，但是！But！西卡西！最後我們要放上 Cloudflare Pages 上的，是靜態的 HTML 檔案，這是不支援 WordPress 的留言功能的，要用留言必須要找其它的第三方工具來使用。
如果怕漏了關閉文章的留言功能，可以安裝「Disable Comments」這個外掛，就能直接設定讓網站中的留言功能全部關閉。
安裝 Simply Static 產出靜態檔案
我們電腦上的 WordPress 都建好了一個段落後，接著就是要把裡面的文章及頁面轉成靜態的 HTML 檔案，才能夠放上 Cloudflare Pages。
Cloudflare Pages 的 官方文件 上，推薦使用的就是 Simply Static 這個外掛。
在 WordPress 安裝好 Simply Static 後，後台左側選單，就會看見 Simply Static 這個項目：
點擊 Simply Static > Generate，右側就會看見一個大大的「Generate Static Files」按鈕，按下它，就會開始把我們本機 WordPress 上的文章、頁面都轉成 HTML 檔案：
檔案轉好時，下方的「Activity Log」會看到像這樣的訊息：
點擊裡面的「Click here to download」，會下載一包壓縮檔，裡面就是我們所有的頁面檔案，而且連分類頁、標籤頁、分頁、Sitemap 等都會有，是不是很簡單很方便。
檔案放上 Cloudflare Pages，網站建立完成
拿到的網站的壓縮檔後，最後一步就是要把檔案放上 Cloudflare Pages 上。
先進到 Cloudflare Pages 的官方頁面：
如果還沒有註冊會員，就點「Sign up」，有註冊過的就點「Log in」。
註冊成為 Cloudflare 的會員是免費的，裡面除了這篇講的 Pages 功能，還有很多好用而且可免費使用的佛心功能，推推~
登入後，Pages 的頁面上有一個「建立專案」的按鈕，點擊它：
接著會看到上傳的方式有三種，我們選擇最簡單的「直接上傳」，點擊直接上傳那個區塊的「上傳資產」：
點擊上傳資產後，要先取一個「專案名稱」，其實，這就是在取網址的名稱，這個網址名稱就是以後大家看了這篇後，把照著做出來的網站傳 LINE 給朋友圈炫耀時用的（喂~），總之就是可以讓全宇宙看到的網址：
截圖可以看到，August 把專案名稱取叫「free-wordpress」時，下方就出現一行「您的專案將部署到 free-wordpress.pages.dev」，free-wordpress.pages.dev 就是我們透過 Cloudflare Pages 所產生出的免費網址。
取好名稱後按下「建立專案」，讓它跑一下，讓子彈飛一會兒……下一步，就是要選擇放上 Cloudflare Pages 的檔案：
還記得我們用了 Simply Static 這個外掛，產出了一個壓縮檔嗎？這邊的上傳檔案，就是要上傳那一整包。
點擊「從電腦中選取」後，再點擊「上傳壓縮檔」，選擇我們剛剛得到的壓縮檔，它就會自動上傳然後部署啦，我們再等它跑一下，再讓子彈飛一會兒……上傳完成，就會看到像這樣的畫面：
最後，我們只要點擊「部署網站」，我們專屬的網站就完成啦~
之後如果有更新檔案需要再傳上去，就進到 Cloudflare Pages 上，點擊專案，再點擊「建立新部署」就可以了：
優點及缺點
最後，想整理一下使用 WordPress + Cloudflare Pages 來建立免費網站的這種方法，使用到現在覺得的優點、缺點。
優點
- 免費（夠直接）
- 介面操作簡單（有中文）
- 有 Cloudflare 全球性的 CDN 當後盾，頁面速度不會慢到哪去
缺點
- 沒有 WordPress 的後端功能
- 要自己備份
- 可能某一天會收費？
第一個缺點其實很重要，還記得上面說不能使用 WordPress 原有的留言功能嗎？就是因為檔案全部都是靜態的 HTML，不像 WordPress 本身是 PHP 可以執行後端的功能。
WordPress + Cloudflare Pages 的這種方式，比較像是為了資訊呈現而用，或是單純想跟朋友炫耀（咦？）
而因為 WordPress 是建在自己的電腦，如果哪天電腦爆炸或是被外星人抓去做研究，你辛苦經營的站就沒了，所以，得要自行備份電腦中的 WordPress 檔案。
以上，希望這種方式可以幫助到想要自己有一個網站的你。
留言0
查看全部
你可能也想看
Google News 追蹤
WordPress是一個強大、靈活且易於使用的內容管理系統(CMS)，免費開源並擁有龐大的開發者社區。其具有多媒體支持、SEO友好、安全性強、用戶權限管理等特點。這些特性使得WordPress成為構建現代專業網站的優秀選擇。
可能包含敏感內容
這篇文章介紹了為什麼網站需要託管服務，以及Hostinger提供的各種託管計劃和優缺點。它強調了Hostinger的價格實惠、性能出色和用戶友好的特點。
在網站建設的世界中，WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說，WordPress 是一個理想的選擇。
瞭解在WordPress上建立網店的關鍵步驟，包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護，以及行銷和推廣策略。
為甚麼不用免費平台? 雖然使用免費平台不用付費，但是有很多限制，例如:廣告無法移除、沒有擴充功能，須另外付費，流量只屬於平台。
wordpress是目前最多人在使用的一套開源軟體，根本不需任何技術背景就能開始，外掛和佈景主題資源很多，按照網站主題挑選適合的佈景主題， 假設是部落格網站，Astra
可以做免費網站架設嗎？難不難？別擔心！為你解答所有問題！我們已經整理好了做免費網站架設的各方面內容，包括架設網站必備三大要素、網站架設三大方法和7 大免費網站架設平台比較分析！更有詳細的自製網站教學，教你一步步掌握自己怎麼做好免費網站！
如果你正在考慮架設網站，那麼你可能已經聽說過WordPress網站。在現今這個時代，超過40%的網站都是使用WordPress製作的。相比之下，使用客製化手寫網站的企業就少得多。那麼，WordPress真的好用嗎？手寫網站又有哪些優點呢？在本文中，我們將比較這兩種架站方式，分析它們各自的優缺點，並引
個人網站架設怎麼做？用什麼工具才能簡單又便捷？為你整理好了全套攻略！詳細對比分析免費網站架設工具，讓你更快更好地選擇適合架站工具！跟著我們的自架網站教程，幾步就能學會網頁設計，自己製作個人網站也很簡單！還有多種個人網站模版範例！
在數位時代，擁有自己的網站至關重要。然而，高昂的網站開發和維護成本可能是一大挑戰。本文介紹了幾個免費框架軟體，如WordPress，Joomla，Drupal，Wix和Blogger，讓您輕鬆建立和管理自己的網站。
這篇文章介紹了9個免費網頁製作平臺的特色、優缺點和操作難易度。涵蓋平臺如Wix、WordPress.com、Weebly、Squarespace、Jimdo、Gatsby、Webnode、Yola和Strikingly，有助於讀者找到適合自己的網站製作工具。
WordPress是一個強大、靈活且易於使用的內容管理系統(CMS)，免費開源並擁有龐大的開發者社區。其具有多媒體支持、SEO友好、安全性強、用戶權限管理等特點。這些特性使得WordPress成為構建現代專業網站的優秀選擇。
可能包含敏感內容
這篇文章介紹了為什麼網站需要託管服務，以及Hostinger提供的各種託管計劃和優缺點。它強調了Hostinger的價格實惠、性能出色和用戶友好的特點。
在網站建設的世界中，WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說，WordPress 是一個理想的選擇。
瞭解在WordPress上建立網店的關鍵步驟，包括選擇合適的插件和主題、產品和分類設置、支付和運費選項、安全和隱私保護，以及行銷和推廣策略。
為甚麼不用免費平台? 雖然使用免費平台不用付費，但是有很多限制，例如:廣告無法移除、沒有擴充功能，須另外付費，流量只屬於平台。
wordpress是目前最多人在使用的一套開源軟體，根本不需任何技術背景就能開始，外掛和佈景主題資源很多，按照網站主題挑選適合的佈景主題， 假設是部落格網站，Astra
可以做免費網站架設嗎？難不難？別擔心！為你解答所有問題！我們已經整理好了做免費網站架設的各方面內容，包括架設網站必備三大要素、網站架設三大方法和7 大免費網站架設平台比較分析！更有詳細的自製網站教學，教你一步步掌握自己怎麼做好免費網站！
如果你正在考慮架設網站，那麼你可能已經聽說過WordPress網站。在現今這個時代，超過40%的網站都是使用WordPress製作的。相比之下，使用客製化手寫網站的企業就少得多。那麼，WordPress真的好用嗎？手寫網站又有哪些優點呢？在本文中，我們將比較這兩種架站方式，分析它們各自的優缺點，並引
個人網站架設怎麼做？用什麼工具才能簡單又便捷？為你整理好了全套攻略！詳細對比分析免費網站架設工具，讓你更快更好地選擇適合架站工具！跟著我們的自架網站教程，幾步就能學會網頁設計，自己製作個人網站也很簡單！還有多種個人網站模版範例！
在數位時代，擁有自己的網站至關重要。然而，高昂的網站開發和維護成本可能是一大挑戰。本文介紹了幾個免費框架軟體，如WordPress，Joomla，Drupal，Wix和Blogger，讓您輕鬆建立和管理自己的網站。
這篇文章介紹了9個免費網頁製作平臺的特色、優缺點和操作難易度。涵蓋平臺如Wix、WordPress.com、Weebly、Squarespace、Jimdo、Gatsby、Webnode、Yola和Strikingly，有助於讀者找到適合自己的網站製作工具。