手把手打造你的專屬部落格番外篇 — Hugo 網站上雲伺服器 Netlify vs CloudFlare

前言

之前在《手把手打造你的專屬部落格之二 — Hugo 網站上雲伺服器 CloudFlare Pages》講解如何把 Hugo 網站上雲，但是除了 CloudFlare 外，Netlify 也是另一個不錯的雲伺服器的選擇。

這邊做了簡單的比較，都是每個月

Feature	Netlify	Cloudflare
Number of function invocations	125,000 per month per site	100,000 per day for all your sites
Builds	300 build minutes per month	500 builds per month
Concurrent builds	1	1
Number of websites	500	unlimited
Bandwidth amount	100GB for all sites	unlimited
CLI	available	available

雖說看起來 Netlify 什麼都有限制，但基本不會踩到上限。

假設你的網站首頁大小為 1MB，每個訪客訪問一次會消耗 1MB WidthBand，那麼 100GB WidthBand 大約可以支撐 100,000 次訪問。一個月 100 GM 能被你用完，就真的是寫作大神或是攝影大師，放不完的影片圖片，當有訪客來你這裡看圖影的時候，你比較有機會踩到上線。

總地來說，如果你有放圖影的考量，CloudFlare 會比 Netlify 適合。

另外 Netlify Build 300 次要踩到上限，可能也要全職在寫文章才有機會。假設你的網站每次 build 需要 5 分鐘，(300 分鐘) / (5 分鐘/次) = 60 次，代表你每個月可以 build 60 次。

但像我這個小到不能再小的網站，build 一次大概就 30 秒，兩次大概 1 分鐘，所以你一個月可以 build 600 次 XD

Netlify 的建置上限在此，這是我本月用量。

但我後來還是選了 CloudFlare (誤

這邊還是帶一下，如何放網站到 Netlify

到首頁註冊登入，我是用 GitHub 的第三方登入，這樣 connect GitHub 可以少一次 Verify
加入你的網站到 Netlify Sites > import from Git
這邊就是回到《手把手打造你的專屬部落格之二 — Hugo 網站上雲伺服器 CloudFlare Pages》1. 建立 GitHub Repository 按照步驟，把你的網站推上 GitHub Repo
Connect to Git provider
Select repository
Configure site and deploy
1. 在 Site name 設定一個你喜歡的名字，之後你的網站就會是 https://<你喜歡的名字>.netlify.app
2. 設定環境變數：
  PaperMod 需要設定 HUGO_VERSION = v0.140.1 不然會 build 失敗
Deploy 完成後點擊 Open production deploy
你的網頁就出現啦～又快又簡單！https://cyansky.netlify.app/

Domain management > Add a domain
輸入 domain
a. 如果 domain 已經使用，他會問是不是你擁有的，如果是你在其他網站買的網域，繼續點 Add a domain
b. 如果沒有人使用，他會叫你 Add payment method 然後註冊網域
接著就等待 Awaiting External DNS 變成綠燈就好囉！需要一點時間
我這邊就不等他變綠燈惹，因為我已經辛苦地轉倒到 CloudFlare 上惹 XD