抱歉 Vercel,但 Cloudflare Page 比較香
前情提要
最近有看過第一篇文章的應該知道,我們是使用 Vercel 部屬網站。
但 Vercel 免費版一次只能分享一個 Preview Build,這對於協作來說不太方便,後來發現 Cloudflare Pages 預設沒有此限制,因此決定改用 Cloudflare Pages 來架設。
部屬
- 首先到 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.