# GitHub + Cloudflare Pages 全自动部署全球静态网站完整教程

## 前言
想要搭建面向海外访问的个人静态网站、作品集或者技术笔记，不想投入服务器成本，GitHub + Cloudflare Pages 是非常不错的方案。
这套方案免费提供CI自动构建、全球CDN分发、免费SSL证书，代码提交后网站会自动更新。域名可以使用腾讯云域名统一管理。

## 一、准备清单
1. GitHub账号，用于存放网站源码仓库
2. Cloudflare账号，提供全球CDN与Pages托管
3. 自定义域名（可选，推荐在腾讯云购买，方便统一域名管理）

## 二、GitHub 创建网站仓库
1. 登录GitHub，点击右上角 `+` → New repository
2. 仓库配置：
- Repository name：`demo-pages-site`
- Description：演示Cloudflare Pages静态网站
- 勾选 Public
- 勾选 Add a README file
- Add .gitignore 选择 None
3. 点击 Create repository 创建仓库

4. 新建网页文件
点击 `Add file` → Create new file
文件名填写 `index.html`，粘贴下面代码：
```请在此输入代码块语言
请输入您的代码
```<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的CF Pages演示站点</title>
</head>
<body>
    <h1>Hello Cloudflare Pages</h1>
    <p>GitHub自动推送，全球CDN分发</p>
</body>
</html>
拉到页面底部，点击 Commit new file 提交文件。

## 三、Cloudflare Pages 关联GitHub仓库
1. 进入Cloudflare控制台，左侧菜单选择【Workers & Pages】
2. 点击【Create application】→ 选择【Pages】
3. 选择【Connect to Git】，授权Cloudflare访问你的GitHub账号
4. 授权完成后，选中刚刚建好的仓库 `demo-pages-site`
5. 构建设置：
- Project name：默认即可
- Production branch：`main`
- Framework preset：**None**
- Build command：留空
- Build output directory：`/`
- 环境变量：无需填写
6. 点击【Save and Deploy】，等待构建完成。

部署成功后，会得到 `xxx.pages.dev` 临时访问地址，打开即可访问我们的网页。

## 四、绑定自定义域名（腾讯云域名）
> 可选步骤，想要使用自己的域名可以操作。
1. 在Pages项目页面找到【Custom domains】→ Set up custom domain
2. 输入你的域名，例如 `shturl.cc/uUTmQrKXx`
3. 按照提示，前往**腾讯云域名控制台**，修改域名NS服务器为Cloudflare提供的两组NS地址
4. 保存修改，等待DNS生效，一般几分钟到数小时
5. Cloudflare会自动完成域名验证，自动签发免费SSL证书，开启HTTPS。

## 五、功能亮点
✅ **全球CDN**：遍布全球数百个节点，海外访客访问速度优秀
✅ **CI/CD自动部署**：只要往GitHub仓库push代码，网站自动重新构建更新
✅ **无限免费带宽**，个人站点完全够用
✅ **自带WAF防护**，简单防护基础网络攻击
✅ **免费SSL证书，一键HTTPS**

## 六、拓展：Pages Functions轻量动态能力
Cloudflare Pages 支持 Pages Functions，可以编写简单接口，实现轻量动态能力，适合小型简单交互页面。

## 总结
这套方案适合搭建面向海外访问的静态站点、作品集、技术文档。全程零服务器开销，代码托管+全球分发一站式搞定。
如果需要部署复杂动态网站，就需要独立云服务器。后续我会出教程，演示使用腾讯云CVM云服务器搭建动态网站。

> 评论区的问题我都会抽空逐一回复，不会遗漏，只是没法做到秒回，请大家谅解。


想要搭建面向海外访问的个人静态网站、作品集或者技术笔记，不想投入服务器成本，GitHub + Cloudflare Pages 是非常不错的方案。这套方案免费提供CI自动构建、全球CDN分发、免费SSL证书，代码提交后网站会自动更新。域名可以使用腾讯云域名统一管理。

GitHub + Cloudflare Pages 全自动部署全球静态网站完整教程

摘要：本文手把手演示利用 GitHub 存储网站源码，搭配 Cloudflare Pages 实现自动构建、全球CDN分发，搭建面向海外访客的静态站点，全程零服务器费用。

运维

前端

开发工具

GitHub+CloudflarePages全自动部署全球静态网站教程，零服务器成本实现CI自动构建、全球CDN分发、免费SSL证书。包含完整操作步骤：GitHub建仓、Cloudflare关联部署、自定义域名绑定，支持Pages Functions轻量动态能力，适合海外访问的静态站点。

云服务器

服务器

GitHub

2026上云采购 | AI焕新·智启新局

热销域名限时优惠，新客首年免费！


domain

CDN免费试用


4核4G3M云服务器 新用户低至38元/年！

coding

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

GitHub + Cloudflare Pages 全自动部署全球静态网站完整教程-腾讯云开发者社区-腾讯云

GitHub + Cloudflare Pages 全自动部署全球静态网站完整教程

GitHub + Cloudflare Pages 全自动部署全球静态网站完整教程

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐