抱歉 Vercel,但 Cloudflare Page 比較香

抱歉 Vercel,但 Cloudflare Page 比較香

jimchen5209

前情提要

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

免費版在分享時會警告撤銷其他的分享,或升級 Pro 版本
免費版在分享時會警告撤銷其他的分享,或升級 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 來部屬了,另外預設沒有部屬快取,所以也不用擔心部屬內容會壞掉了。

  • Title: 抱歉 Vercel,但 Cloudflare Page 比較香
  • Author: jimchen5209
  • Created at : 2024-03-05 19:24:36
  • Updated at : 2024-10-30 14:31:43
  • Link: https://blog.lce-lab.dev/2024/03/05/抱歉-Vercel,但-Cloudflare-Page-比較香/
  • License: This work is licensed under CC BY-NC-SA 4.0.
On this page
抱歉 Vercel,但 Cloudflare Page 比較香