使用 Cloudflare Pages 部署静态站点

Cloudflare Pages 是一个免费、快速的静态站点托管平台。本文介绍如何使用它来部署个人博客。

Cloudflare Pages 的优势

  • 免费：无限带宽，无限请求
  • 快速：全球 CDN，边缘节点缓存
  • 简单：连接 GitHub 仓库，自动部署
  • 安全：自动 HTTPS，DDoS 防护

部署步骤

1. 创建 GitHub 仓库

首先将博客代码推送到 GitHub 仓库。

2. 连接 Cloudflare Pages

登录 Cloudflare Dashboard，进入 Pages 页面，点击 "Create a project"，然后选择 GitHub 仓库。

3. 配置构建

设置构建命令和输出目录：

Build command: npm run build
Build output directory: dist

4. 绑定自定义域名

在 Pages 项目设置中，添加自定义域名 efree.eu.org。

自动部署

配置完成后，每次推送到 GitHub 的 main 分支，Cloudflare Pages 都会自动重新部署。

部署静态站点从未如此简单。

这就是使用 Cloudflare Pages 部署博客的全过程。如果你也在寻找一个免费、快速的静态站点托管方案，强烈推荐 Cloudflare Pages。

← 返回首页