index.zh-hans.md

title	linkTitle	date	draft	series	categories	tags	images	authors
于 Cloudflare Pages 部署站点	Cloudflare Pages	2023-03-05 15:13:21 +0800	false	文档	部署	Cloudflare Pages		HB

通过本文，你将学习到如何 Cloudflare Pages 上部署站点。

有多种方式将站点部署到 Cloudflare Pages.

通过 Cloudflare Pages 管理面板部署站点

1. 登录到 Cloudflare 管理面板。
2. 打开 Pages 页面。
3. 点击 Create a project 按钮，然后选择 Connect to Git.
4. 选择仓库并点击 Begin setup。
5. 填写表单。
   1. 输入项目名称，Cloudflare 会给站点分配一个默认域名，显示在输入框下方。
   2. 选择生产分支。
   3. 框架预设置：Hugo。
   4. 构建命令：其取决于你如何安装构建工具，对于新手主题：npm ci && hugo --gc --minify --enableGitInfo。
   5. 构建输出目录：/public。
   6. 环境变量：
      1. HUGO_VERSION：比如 0.111.3。
      2. NODE_VERSION：任意大于 16 的版本，如：19。

通过 GitHub Cloudflare Pages Actions 部署站点

1. 通过 Cloudflare Pages 管理面板 创建站点，并关闭其自带的自动部署。
2. 创建 CLOUDFLARE_ACCOUNT_ID¹ 和 CLOUDFLARE_API_TOKEN² action's secrets。
3. 创建以下工作流程，并按需修改配置。
4. 将 projectName 替换为你的站点名称。

{{% bs/collapse ".github/workflows/cloudflare-pages.yaml" primary true %}} {{% code-snippet workflow.yaml %}} {{% /bs/collapse %}}

Footnotes

1. 详情请参阅 Get account ID。 ↩

2. 另请参阅 Generate an API token。 ↩