Cloudflare 中文文档
Pages
编辑这个页面
跳转官方原文档
Set theme to dark (⇧+D)

静态 HTML

Cloudflare 支持将任何静态 HTML 网站部署到 Cloudflare 页面。如果你在管理网站时未使用框架或静态网站生成器,或者你的框架未列在 框架指南 中,你仍可使用本指南进行部署。

​​ 在你继续之前

所有框架指南都假定你已经对 Git 有了基本了解。如果你是 Git 的新手,请参考这本 Git 手册摘要,了解如何在本地机器上设置 Git。

如果使用 SSH 克隆,则必须在每台用于从 GitHub 推送或拉取的计算机上 生成 SSH 密钥

更多信息请参阅 GitHub 文档 Git 文档

​​ 创建 GitHub 仓库

访问 repo.new,创建一个新的 GitHub 仓库。创建新仓库后,进入新创建的项目目录,准备并在终端运行以下命令将本地应用程序推送到 GitHub:

​​ 使用 Cloudflare 页面部署

将网站部署到页面:

  1. 登录 Cloudflare 仪表板 并选择你的账户。
  2. 在账户主页,选择 工作者和页面> 创建应用程序> 页面> 连接到 Git
  3. 选择创建的新 GitHub 仓库,并在 **设置构建和部署**部分提供以下信息:
Configuration option Value
Production branch main
Build command (optional) exit 0
Build output directory <YOUR_BUILD_DIR>

与许多框架指南不同,你网站的构建命令和构建输出目录将完全自定义。如果你没有使用预设,也不需要构建网站,请使用 exit 0 作为你的构建命令。Cloudflare 建议使用 exit 0 作为你的构建命令,以访问页面功能等功能。构建输出目录是你的应用程序内容所在的目录。

配置好网站后,就可以开始第一次部署了。你的自定义构建命令(如果已提供)将会运行,Pages 将部署你的静态网站。

部署网站后,你将在 *.pages.dev上收到一个唯一的项目子域。Cloudflare Pages 将自动重建你的项目并进行部署。你还可以访问新拉取请求上的 预览部署,这样你就可以在将更改部署到生产环境之前预览网站的外观。

​​ 了解更多

完成本指南后,你已成功将 网站部署到 Cloudflare Pages。要开始使用其他框架,请参阅框架指南列表