腾讯云域名 + GitHub + Cloudflare Pages 实现全球流畅访问

作为一个喜欢折腾的开发者，我一直在寻找既经济又高效的网站托管方案。最近终于找到了一套完美的组合：在腾讯云买域名、用 GitHub 存代码、通过 Cloudflare Pages 托管网站。这套方案不仅完全免费（除了域名费用），还能实现全球 CDN 加速，访问速度飞快。

                💡 为什么选择这套方案？
                成本低：除了域名费用，其他服务完全免费
速度快：Cloudflare 全球 CDN 节点，国内外访问都很快
易维护：Git push 即部署，自动化 CI/CD
安全性高：Cloudflare 提供 DDoS 防护和免费 SSL 证书
稳定可靠：GitHub 和 Cloudflare 都是业界顶级服务

            

一、准备工作

在开始之前，你需要准备以下内容：

一个腾讯云账号（用于购买域名）
一个 GitHub 账号（用于存储网站代码）
一个 Cloudflare 账号（用于托管和 CDN 加速）
你的网站代码（静态网站或支持静态生成的项目）

二、在腾讯云购买域名

首先需要一个域名。我选择在腾讯云购买，主要是因为：

价格相对便宜，经常有优惠活动
国内服务商，支付方便
域名管理界面友好，操作简单
客服响应快，有问题能及时解决

购买步骤

访问腾讯云域名注册页面
搜索你想要的域名，查看是否可用
选择合适的后缀（.com、.cn、.net 等）
加入购物车，完成实名认证和支付
等待域名审核通过（通常几小时到一天）

💡 小提示：如果是 .cn 域名需要实名认证，准备好身份证照片。首次购买建议选择 1 年期，后续可以续费。

三、将代码托管到 GitHub

GitHub 不仅是代码托管平台，还能作为 Cloudflare Pages 的数据源。这样每次 push 代码，网站就会自动更新。

创建 GitHub 仓库

登录 GitHub，点击右上角的 "+" 号，选择 "New repository"
填写仓库名称，比如 my-website
选择 Public（公开）或 Private（私有）都可以
点击 "Create repository" 创建仓库

上传网站代码

# 在本地项目目录执行
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/你的用户名/my-website.git
git push -u origin main

代码推送成功后，就可以在 GitHub 仓库中看到你的网站文件了。

四、使用 Cloudflare Pages 托管网站

这是整个方案的核心部分。Cloudflare Pages 提供了强大的静态网站托管服务，完全免费，还自带全球 CDN。

连接 GitHub 仓库

登录 Cloudflare Dashboard
在左侧菜单选择 "Workers & Pages"
点击 "Create application" → "Pages" → "Connect to Git"
授权 Cloudflare 访问你的 GitHub 账号
选择刚才创建的仓库 my-website

配置构建设置

根据你的项目类型配置构建命令：

纯静态网站：不需要构建命令，直接指定输出目录（如 / 或 /dist）
Vue/React 项目：构建命令 npm run build，输出目录 dist
Next.js：构建命令 npm run build，输出目录 out
Hugo：构建命令 hugo，输出目录 public

配置完成后，点击 "Save and Deploy"，Cloudflare 会自动开始构建和部署。

⚡ 部署速度：通常 1-3 分钟就能完成部署，你会获得一个 *.pages.dev 的临时域名，可以先访问测试。

五、配置自定义域名

现在网站已经部署成功了，但使用的是 Cloudflare 提供的临时域名。接下来我们要把腾讯云买的域名绑定上去。

方案一：将域名 DNS 迁移到 Cloudflare（推荐）

这是最简单也是最推荐的方式，可以充分利用 Cloudflare 的所有功能。

1. 在 Cloudflare 添加站点

在 Cloudflare Dashboard 点击 "Add a site"
输入你的域名，比如 example.com
选择 Free 计划（免费版功能已经很强大）
Cloudflare 会扫描现有的 DNS 记录

2. 修改域名 DNS 服务器

Cloudflare 会给你两个 DNS 服务器地址，类似：

ns1.cloudflare.com
ns2.cloudflare.com

回到腾讯云域名管理：

进入腾讯云域名控制台
找到你的域名，点击 "管理"
找到 "DNS 服务器" 设置
修改为 Cloudflare 提供的两个 DNS 地址
保存修改

⏰ 生效时间：DNS 修改通常需要 24-48 小时全球生效，但一般几小时就能看到效果。

3. 在 Cloudflare Pages 绑定域名

回到 Cloudflare Pages 项目页面
点击 "Custom domains" 标签
点击 "Set up a custom domain"
输入你的域名，比如 www.example.com 或 example.com
Cloudflare 会自动添加 DNS 记录

等待几分钟，SSL 证书会自动配置完成，你的网站就可以通过自定义域名访问了！

方案二：使用 CNAME 记录（保留腾讯云 DNS）

如果你不想迁移 DNS，也可以通过 CNAME 记录实现：

在 Cloudflare Pages 项目中添加自定义域名
Cloudflare 会给你一个 CNAME 目标地址
回到腾讯云 DNS 管理，添加 CNAME 记录：
- 主机记录：www 或 @
- 记录类型：CNAME
- 记录值：Cloudflare 提供的地址

⚠️ 注意：使用 CNAME 方式无法享受 Cloudflare 的完整 CDN 和安全功能，建议使用方案一。

六、自动化部署

配置完成后，整个部署流程就实现了自动化：

在本地修改代码
提交并推送到 GitHub：git push
Cloudflare Pages 自动检测到更新
自动构建和部署新版本
全球 CDN 节点自动更新缓存

整个过程通常在 2-3 分钟内完成，你可以在 Cloudflare Pages 的 Deployments 页面查看部署状态和日志。

七、性能优化建议

1. 启用 Cloudflare 缓存优化

在 Cloudflare Dashboard 的 "Caching" 设置中：

开启 "Auto Minify"（自动压缩 HTML/CSS/JS）
开启 "Brotli" 压缩
设置合适的浏览器缓存 TTL

2. 配置 Page Rules

可以为不同的 URL 设置不同的缓存策略，比如：

静态资源（图片、CSS、JS）：缓存时间设长一些
HTML 页面：缓存时间设短一些，保证内容及时更新

3. 图片优化

使用 Cloudflare Images 或者在构建时压缩图片，减小文件体积。推荐使用 WebP 格式，兼容性好且体积小。

八、常见问题

Q: 为什么选择 Cloudflare Pages 而不是 GitHub Pages？

虽然 GitHub Pages 也很好用，但 Cloudflare Pages 有几个明显优势：

国内访问速度更快（GitHub Pages 在国内经常被墙或很慢）
构建速度更快，部署更稳定
免费额度更大（每月 500 次构建 vs GitHub Pages 的 10 次）
自带 DDoS 防护和 Web 应用防火墙

Q: 域名一定要在腾讯云买吗？

不一定，你可以在任何域名注册商购买。我选择腾讯云只是因为价格合适且支付方便。阿里云、GoDaddy、Namecheap 等都可以。

Q: 这套方案支持动态网站吗？

Cloudflare Pages 主要用于静态网站，但可以配合 Cloudflare Workers 实现一些动态功能，比如表单提交、API 代理等。如果需要完整的后端服务，建议使用 Vercel 或 Netlify。

Q: 费用大概是多少？

除了域名费用（通常 50-100 元/年），其他服务完全免费：

GitHub：免费（公开仓库）
Cloudflare Pages：免费（每月 500 次构建，无限流量）
Cloudflare CDN：免费
SSL 证书：免费

总结

这套方案已经稳定运行了很长时间，无论是国内还是国外访问速度都很快。最重要的是，整个流程非常简单，维护成本几乎为零。

如果你也想搭建一个个人网站或博客，强烈推荐试试这套方案。从购买域名到网站上线，整个过程不超过 1 小时，而且完全不需要担心服务器运维的问题。

有任何问题欢迎在评论区交流，祝大家折腾愉快！🎉

Cloudflare GitHub 域名 CDN 网站托管

💡 为什么选择这套方案？