Cloudflare Pages 配置指南

📦 项目信息

🚀 Cloudflare Pages 部署步骤

1. 登录 Cloudflare Dashboard

2. 创建 Pages 项目

  1. 点击左侧菜单 Pages
  2. 点击 Create a project
  3. 选择 Connect to Git

3. 连接 GitHub 仓库

  1. 授权 Cloudflare 访问您的 GitHub 账号
  2. 选择仓库 betetrpm/myblog
  3. 点击 Begin setup

4. 构建设置

填写以下配置:

设置项
Project namemyblog (或您喜欢的名称)
Production branchmain
Build command(留空,纯静态网站)
Build output directory/ (根目录)

点击 Save and Deploy

5. 配置自定义域名

  1. 部署完成后,点击 Custom domains 标签
  2. 点击 Set up a custom domain
  3. 输入域名: myblog.gnuers.org
  4. 点击 Continue

6. DNS 配置

Cloudflare 会自动添加 DNS 记录:

  • Type: CNAME
  • Name: myblog
  • Target: (您的 Pages 项目域名,如 myblog.pages.dev)

如果未自动添加,请手动创建:

Type: CNAME
Name: myblog
Target: myblog.pages.dev
Proxy status: Proxied (橙色云)
TTL: Auto

7. HTTPS/SSL

Cloudflare 会自动提供 SSL 证书,无需额外配置。

✅ 验证部署

部署完成后,访问:

myblog/
├── *.md              # 266篇Markdown文章
├── README.md         # 项目说明
└── picture/          # 96张图片
    └── *.jpg/png

📝 目录结构说明

🔄 后续更新

如需更新文章:

  1. 修改本地 Markdown 文件
  2. git add .
  3. git commit -m "更新文章"
  4. git push origin main
  5. Cloudflare Pages 会自动重新部署

🛠️ 故障排除

图片不显示

确保图片路径正确:

![描述](/images/图片名.jpg)

构建失败

检查:

  • Build command 是否为空
  • Build output directory 是否为 /

域名不生效

  • 等待 DNS 传播(通常几分钟到几小时)
  • 检查 DNS 记录是否正确
  • 确保域名已在 Cloudflare 添加

配置完成时间: 2026-03-14