部署到 Cloudflare Pages
Cloudflare Pages 可以從 Git 建置站點,也可以接收 Wrangler 上傳的已建置資料夾。
官方 VitePress 建置設定:
| 設定項 | 值 |
|---|---|
| Framework preset | VitePress |
| Production branch | main |
| 建置指令 | npx vitepress build |
| 建置輸出目錄 | .vitepress/dist |
官方參考:https://developers.cloudflare.com/pages/framework-guides/deploy-a-vitepress-site/
方式一:Git 整合
- 把本專案推送到 GitHub 倉庫。
- 開啟 Cloudflare Dashboard。
- 進入 Workers & Pages。
- 從既有 Git 倉庫建立 Pages 應用程式。
- 選擇倉庫並選取 VitePress framework preset。
- 確認建置指令與輸出目錄後部署。
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