Skip to content

部署到 Cloudflare Pages

Cloudflare Pages 可以從 Git 建置站點,也可以接收 Wrangler 上傳的已建置資料夾。

官方 VitePress 建置設定:

設定項
Framework presetVitePress
Production branchmain
建置指令npx vitepress build
建置輸出目錄.vitepress/dist

官方參考:https://developers.cloudflare.com/pages/framework-guides/deploy-a-vitepress-site/

方式一:Git 整合

  1. 把本專案推送到 GitHub 倉庫。
  2. 開啟 Cloudflare Dashboard。
  3. 進入 Workers & Pages。
  4. 從既有 Git 倉庫建立 Pages 應用程式。
  5. 選擇倉庫並選取 VitePress framework preset。
  6. 確認建置指令與輸出目錄後部署。
text
建置指令:npx vitepress build
建置輸出目錄:.vitepress/dist

方式二:Wrangler 上傳

如果 Wrangler 已登入,可以直接部署已建置資料夾:

bash
npm run deploy

等價指令:

bash
npm run build
npx wrangler pages deploy .vitepress/dist --project-name hideapps-docs

建議專案名稱

Cloudflare Pages 專案名稱建議使用 hideapps-docs。穩定 Pages 網域為:

text
https://hideapps-docs.pages.dev

使用 VitePress 與 Cloudflare Pages 建置。