logo
简体中文

导航菜单

Cloudflare 部署教程

从零开始学习如何注册 Cloudflare 账户并将你的项目部署到 Cloudflare Pages。 包含详细步骤和可下载的 PDF 指南。

步骤 1

注册 Cloudflare 账户

首先，你需要一个 Cloudflare 账户来开始部署你的项目。

访问 cloudflare.com
点击 "Sign Up"
填写邮箱和密码
验证邮箱
步骤 2

创建 Cloudflare Pages 项目

登录后，我们需要创建一个新的 Pages 项目来托管你的网站。

Cloudflare Pages 对个人用户完全免费，包含无限带宽！
  1. 在 Cloudflare 控制台中，点击左侧菜单的 "Pages"
  2. 点击 "Create a project" 按钮
  3. 选择 "Connect to Git" 选项
  4. 授权连接你的 GitHub/GitLab 账户
  5. 选择要部署的代码仓库
步骤 3

配置构建设置

为你的项目配置正确的构建命令和输出目录。

构建配置：

  • Framework preset: Astro
  • Build command: npm run build
  • Build output directory: /dist
  • Root directory: /
确保你的项目根目录包含 package.json 文件
步骤 4

设置环境变量（可选）

如果你的项目需要环境变量，可以在这里配置。

常用环境变量示例：

  • NODE_ENV = production
  • API_URL = https://your-api.com
  • DATABASE_URL = your-database-url
步骤 5

部署和验证

点击 "Save and Deploy" 开始你的第一次部署！

部署流程：

  1. 构建开始 - Cloudflare 会自动拉取你的代码
  2. 构建完成 - 通常需要 1-3 分钟
部署成功后，你会获得一个 *.pages.dev 的免费域名！

专业提示

  • •每次推送到主分支都会自动触发新的部署
  • •可以设置自定义域名，完全免费
  • •Cloudflare 提供全球 CDN，访问速度超快
  • •支持 HTTPS，安全性有保障

搜索