我的 Cloudflare 全家桶搭建全记录

从零开始搭建个人主页、博客、网盘的完整历程与技术选型分析 2026年6月

一、最终架构总览

用户访问
    │
    ▼
Cloudflare DNS（域名解析 7988798.xyz）
    │
    ├── 7988798.xyz → Cloudflare Pages（主页源码）
    │                     ↓
    │               Caddy反代（腾讯云国内服务器）
    │
    ├── blog.7988798.xyz → Cloudflare Pages（博客源码）
    │                        ↓
    │                  Caddy反代（腾讯云国内服务器）
    │
    ├── drive.7988798.xyz → Cloudflare Pages Functions + R2（网盘）
    │                        ↓
    │                  Caddy反代（腾讯云国内服务器）
    │

二、完整搭建步骤

1. 注册与基础设施

注册 Cloudflare

• 访问 https://dash.cloudflare.com 注册账号
• 添加域名 7988798.xyz
• 修改域名的 NS 记录指向 Cloudflare 分配的 DNS 服务器
• 等待 DNS 生效（通常几分钟到几小时）

注册 GitHub

• 访问 https://github.com 注册账号（用户名: jingbeihai）
• 创建 Personal Access Token（用于代码推送）
  • 路径: Settings → Developer settings → Personal access tokens → Fine-grained tokens
  • 权限: Contents (Read and Write)

开通 Cloudflare R2

• Cloudflare Dashboard → R2 → 创建存储桶
• 创建 API 令牌（Access Key + Secret Key）
• 配置 CORS 策略允许跨域访问

购买腾讯云服务器（解决国内访问问题）

• 腾讯云 38元/年 轻量服务器（新用户秒杀价）
• 系统: Ubuntu
• 安装 1Panel 面板
• 安装 Caddy Docker（用于反向代理）

2. 个人主页搭建

GitHub 仓库

• 仓库名: jingbeihai/homepage
• 文件: index.html（纯静态页面）

Cloudflare Pages 部署

• Workers & Pages → 创建 → Pages → 连接到 Git
• 选择 jingbeihai/homepage 仓库
• 构建设置: 框架预设 = “无”，输出目录 = /
• 绑定自定义域名 7988798.xyz

3. 博客搭建

GitHub 仓库

• 仓库名: jingbeihai/myblog（假设）
• 静态博客框架或纯 HTML

Cloudflare Pages 部署

• 同样连接 Git 部署
• 绑定自定义域名 blog.7988798.xyz

4. 网盘搭建（最终方案：Cloudflare-R2-oss）

GitHub 仓库

• 仓库名: jingbeihai/Cloudflare-R2-oss
• 来源: Fork 自 ljxi/Cloudflare-R2-oss
• 包含: 前端页面 + Pages Functions（Worker API）

Cloudflare Pages 部署

• 连接 Git 仓库
• 设置环境变量:
  • PUBURL = R2 存储桶公共 URL
  • admin:密码 = *（管理员权限）
• 绑定 R2 存储桶（变量名: BUCKET）
• 修复 @/ 路径别名问题（改成相对路径）

Worker API 功能（由 Pages Functions 提供）

• GET /api/children/ → 列出文件
• PUT /api/write/items/* → 上传/复制文件
• DELETE /api/write/items/* → 删除文件
• GET /raw/* → 下载文件

5. Caddy 反向代理（解决国内访问慢）

安装 Caddy

• 通过 1Panel 应用商店安装 Caddy Docker
• 配置文件路径: /opt/1panel/apps/caddy/caddy/data/config.json

配置内容

{
  "apps": {
    "http": {
      "servers": {
        "srv0": {
          "listen": [":80"],
          "routes": [
            {
              "handle": [{
                "handler": "subroute",
                "routes": [{
                  "handle": [{
                    "handler": "reverse_proxy",
                    "upstreams": [{"dial": "cloudflare-r2-oss-3ap.pages.dev:443"}]
                  }],
                  "match": [{"host": ["drive.7988798.xyz"]}]
                }]
              }]
            },
            {
              "handle": [{
                "handler": "subroute",
                "routes": [{
                  "handle": [{
                    "handler": "reverse_proxy",
                    "upstreams": [{"dial": "homepage-6wv.pages.dev:443"}]
                  }],
                  "match": [{"host": ["7988798.xyz"]}]
                }]
              }]
            },
            {
              "handle": [{
                "handler": "subroute",
                "routes": [{
                  "handle": [{
                    "handler": "reverse_proxy",
                    "upstreams": [{"dial": "myblog-eev.pages.dev:443"}]
                  }],
                  "match": [{"host": ["blog.7988798.xyz"]}]
                }]
              }]
            }
          ]
        }
      }
    }
  }
}

三、各方案优缺点分析

方案对比：网盘前端

方案对比：国内加速

四、为什么最终选择 Cloudflare 全家桶 + Caddy

选择 Cloudflare 的原因

选择 Caddy 的原因

为什么不选传统方案

五、最终结论

Cloudflare 全家桶 + 腾讯云服务器做 Caddy 反代 是目前的最优解：

• 免费的部分： 主页、博客、网盘静态资源、DNS → 完全免费
• 花钱的部分： 腾讯云服务器 38~99元/年（用来做国内反代）
• 数据安全： R2 存储，数据在自己手里
• 不锁死： 以后想换到其他平台，只需要改 DNS 记录

这套架构对于个人使用完全够用，而且所有服务都在一个 Cloudflare 账号下管理，非常省心。