抱歉 Vercel，但 Cloudflare Page 比較香

前情提要

最近有看過第一篇文章的應該知道，我們是使用 Vercel 部屬網站。
但 Vercel 免費版一次只能分享一個 Preview Build，這對於協作來說不太方便，後來發現 Cloudflare Pages 預設沒有此限制，因此決定改用 Cloudflare Pages 來架設。

免費版在分享時會警告撤銷其他的分享，或升級 Pro 版本

部屬

• 首先到 Cloudflare Pages 註冊帳號
• 點選 Create Application
  
• 我們使用 GitHub 作為版本控制，所以直接選擇 Connect to Git
  
• 點選 Connect GitHub 並授權，然後選擇要部屬的 Repository，然後點選 Begin Setup
  
• 選擇要部屬的 Branch，因為 Cloudflare 沒有內建 Hexo 的部屬，請在 Build command 欄位填入 yarn build，Build output directory 填上 public 後，然後點選 Save and Deploy
  
• 建置完成後，即可看到部屬完成的網址，點選即可進入網站

自訂網域

• 進入專案頁面，點選 Custom Domains
  
• 點選 Set up a custom domain
  
• 輸入自訂網域，點選 Continue，然後按照指示修改 DNS 設定
  
  若是使用 Cloudflare 的 DNS 服務，則會自動幫你設定好，例如本例為將網域從 Vercle 轉移到 Cloudflare Page，只需要按 Activate domain，若是使用其他的 DNS 服務，請手動設定
  

後記

設定的時候，有發現他部屬比 Vercel 還要容易，另一個重點就是，Cloudflare Pages 內建 corepack，一下就直接使用 yarn 4 來部屬了，另外預設沒有部屬快取，所以也不用擔心部屬內容會壞掉了。