Cloudflare Pages 部署官网

提示: website 目录是 ReadyStart 自带的官网模板,仅供参考。使用时请复制一份,在副本上修改你的品牌内容、样式和组件,不要直接修改原始文件,以免后续同步代码时产生冲突。

官网基于 Astro,构建后为静态文件,推荐使用 Cloudflare Pages 部署。

前置条件

1. 创建 Pages 项目

  1. 登录 Cloudflare Dashboard → Workers & PagesCreate
  2. 选择 PagesConnect to Git
  3. 选择你的 GitHub 仓库

2. 构建配置

配置项
构建命令npm ci && npm run build --workspace=website
输出目录website/dist
根目录/(保持默认)
Node.js 版本22

设置 Node.js 版本:在 Environment variables 中添加 NODE_VERSION = 22

3. 环境变量

在 Cloudflare Pages → SettingsEnvironment variables 中添加:

PUBLIC_BACK_END=https://api.yourdomain.com
PUBLIC_TITLE=ReadyStart
...

完整环境变量列表参考 环境变量

4. 自定义域名

  1. Pages 项目 → Custom domainsSet up a custom domain
  2. 输入域名,如 yourdomain.com
  3. Cloudflare 会自动添加 DNS 记录并申请 SSL 证书

部署触发

注意事项