如果你想免费托管一个静态网站，Cloudflare Pages 是目前最好的选择之一。它提供全球 CDN、自动 HTTPS、自定义域名，以及与 GitHub/GitLab 的无缝集成——所有这些都完全免费。

为什么选择 Cloudflare Pages？

  • 完全免费：无限制的带宽，无限制的请求数
  • 全球 CDN：Cloudflare 拥有全球超过 300 个数据中心
  • 自动部署：推送代码到 GitHub，自动触发构建和部署
  • Preview 环境：每个 Pull Request 都会自动生成预览链接
  • 自定义域名：支持绑定自己的域名，并自动签发 SSL 证书

部署步骤

第一步：准备你的代码

将你的静态网站代码推送到 GitHub 仓库。确保你有一个入口文件 index.html 在根目录或者配置了正确的构建输出目录。 

my-blog/
├── index.html
├── about.html
├── posts/
│   └── hello-world.html
└── assets/
    └── style.css

第二步：连接 GitHub

访问 pages.cloudflare.com，登录你的 Cloudflare 账号（免费注册），然后：

  1. 点击 "Create a project"
  2. 选择 "Connect to Git"
  3. 授权 Cloudflare 访问你的 GitHub
  4. 选择你的博客仓库

第三步：配置构建设置

对于纯静态 HTML 网站，构建配置非常简单：

  • Framework preset：None
  • Build command：留空
  • Build output directory：/（根目录）

如果你使用了框架（如 Astro、Hugo），选择对应的 preset，Cloudflare 会自动配置。

第四步：部署！

点击 "Save and Deploy"，Cloudflare 会在几秒内完成部署。你会得到一个类似 your-project.pages.dev 的域名。

从现在起，每次你推送代码到 GitHub，Cloudflare Pages 都会自动重新部署。完全不需要手动操作。

绑定自定义域名

如果你有自己的域名，可以在项目设置中的 "Custom domains" 页面添加。如果你的域名也托管在 Cloudflare，配置会更加简单——只需点击一下即可完成。

总结

Cloudflare Pages 真的是静态网站托管的最佳免费方案。配置简单，性能优秀，功能完整。如果你还没有试过，现在就去试试吧！