關於這個網站

壹、前言

<—————–廢話線-起—————–>

Cloudflare pages 是2021年Cloudflare推出的功能，其旨在透過與Git 的結合，讓開發人員能夠快速部署網站。以往需要購買Web hosting 或用自己的伺服器架設網站，在這個產品推出後，只要連結Git源碼，就可以架設網站。更重要的事，這個服務幾乎免費…不香嗎？而我這個網站就是用 Cloudflare pages 架設的，部署上很方便，基本只要Git更動後，Pages 就會自動重新部署（雖然建一個新頁有億點麻煩就是了）。

<—————–廢話線-終—————–>

本篇將利用Hugo 及 Cloudflare pages 架設一個靜態網站。

貳、架站

一、Github 專案複製

先前往這個專案，按下Use this template 裡面的 create a new repository 建立一個複製的專案，不要點擊右上方的 Fork，那並不能修改專案裡的檔案。解釋

專案名稱任意取，只要有✅都可以用。專案公開與也是看個人，我大部分都是選 private，不然到時候有人跑來commit… 公開不公開官方文檔

二、Cloudflare Pages 設定

進入Cloudflare 主控台，點擊左側欄位內的 Pages，建立專案下的連線至Git

選擇剛剛複製的專案（我這裡是hugo-page），點擊開始設定

接下來要設定部署，組件命令欄位輸入 hugo --gc --minify ，輸出目錄為 public 。因為Cloudflare 預設的GoLang 及 Hugo 版本較低，容易發生錯誤，在環境變數要手動設定 GO_VERSION = 1.11 HUGO_VERSION = 0.110.0 。詳情請見源碼說明

接下來只要坐等Cloudflare pages 部署完畢啦

部署完後，點擊下面網域連結，就可以看到剛剛部署完成的網站了!!! q(≧▽≦q)

參、結語

這樣弄下來，步驟十分簡單，但如果要新增新的網頁，比如現在這個文章，要花費不少功夫。而 Cloudflare Pages 免費版也有每個月500次部署限制，如果是時常會修改網站的朋友，這個限制就會略顯憋區，此時我就會建議使用Wix之類的專業架站工具架站。不過這Cloudflare pages 確實很香，代碼都處理好後，就會自動上傳、部署，省下了不少時間。

P.S. 這是我第一次撰寫相關文章，若有任何錯誤或不足，還懇請讀者在下方留言，感謝!`(>﹏<)′

本頁圖源：Twitter (@ichika_oekaki87)