# Cloudflare Pages 設定指引

# Step 1 環境準備

在開始設定環境之前請先準備相關服務的帳號

並建立服務的repository

repository

# Step 2 專案連結

進入 Cloudflare 的 dashbord 至 pages

create-project
建立專案
link-git
連線至Git
add-account
加入帳號
git-oauth
OAuth認證
set-permissions
設定permissions,select repositories 選擇要部署的專案
select-repositories
選擇存放庫(會亮起來)
main-branch
設定生產分支(這個就是production了)
build-settings
調整組建設定

TIP

  • Framework預設:Framework 選對應的
  • 組建命令:就是打包指令
  • 組建輸出目錄:build後輸出目錄
  • 根目錄:vuepress 預設根目錄是 docs

process
接下來服務就會自動部署了

# Step 3 檢查成果

接下來在分支發個pr,檢查 Cloudflare bot 有沒有通知你,就知道有沒有設定成功拉。

check-result

🎉🎉