使用 Cloudflare Pages 部署静态网站

Cloudflare Pages 是一个强大且免费的静态网站托管服务。本文将介绍如何用它来部署你的个人网站。

为什么选择 Cloudflare Pages

  • 完全免费 — 不限带宽,不限请求数
  • 全球 CDN — 自动分发到全球节点,访问速度快
  • 自动 HTTPS — 免费 SSL 证书,自动配置
  • Git 集成 — 推送代码自动部署
  • 自定义域名 — 支持绑定自己的域名

部署步骤

1. 准备代码

将你的网站代码推送到 GitHub 仓库。确保项目根目录有 index.html 文件。

2. 创建 Pages 项目

登录 Cloudflare Dashboard,进入 "Workers 和 Pages",点击 "创建",选择连接 Git 仓库。

3. 配置构建

对于纯 HTML 项目,构建命令留空,输出目录填 / 即可。

4. 绑定域名

部署成功后,在项目设置中添加自定义域名,如果域名已在 Cloudflare,DNS 会自动配置。

目录结构示例

my-blog/
├── index.html          # 首页
├── about.html          # 关于页面
├── style.css           # 样式
├── script.js           # 脚本
└── posts/              # 文章目录
    ├── post-1.html
    └── post-2.html

Cloudflare Pages 的免费额度对个人博客来说完全足够,是零成本建站的最佳选择之一。

← 返回首页