Cloudflare Pages 是什么#

Cloudflare 在全球有几百个机房（数据中心）。Pages 是它提供的静态网站托管服务：你把写好的 HTML、CSS、JavaScript 和图片交给它，它就会把这些文件复制到全球的机房里。访客打开网站时，会由离他最近的机房响应，所以速度很快。

“静态网站”指的是页面内容在发布前就已经生成好的网站，比如个人主页、博客、作品集、项目文档。这个博客本身也是一个静态网站。

我是怎么发布的：直接上传#

Pages 有两种发布方式：连接 Git 仓库（推代码自动部署）和 直接上传（Direct Upload）。第一次我选了最简单的直接上传，步骤如下：

1. 在本地写好网页，只有两个文件：index.html 和 style.css
2. 把这两个文件打包成一个 zip 压缩包（注意 index.html 要放在压缩包的最外层）
3. 登录 Cloudflare 控制台，进入 Workers 和 Pages，点击 创建 → Pages → 上传资产
4. 给项目起名 dreamer-home，这个名字会成为网址的前缀
5. 上传 zip，点击 部署站点

几秒钟后，网站就上线了，地址是：

1
https://dreamer-home.pages.dev

小提示

控制台网页一次只能选一个文件时，打包成 zip 再上传最省事。直接上传的限制是：单次最多 1000 个文件，单个文件不超过 25 MB。

自动帮你做好的事情#

发布之后，Cloudflare 默认就帮我做好了这些事，完全不用自己配置：

• HTTPS 加密：自动签发证书，地址栏直接显示小锁
• 全球 CDN：文件缓存在全球各地的机房，国内外访问都比较快
• 抗攻击：网站躲在 Cloudflare 的网络后面，能挡住大部分恶意流量
• 版本记录：每次部署都会保留一个版本，出问题可以一键回滚

免费额度#

对个人学习来说，免费版基本用不完：

注意

Pages 的静态网站本身不收费；但如果以后用到 Workers、D1 数据库这类按量计费的功能，记得留意用量，Cloudflare 没有硬性的消费上限。

下一步#

直接上传适合第一次体验，但每次修改都要重新打包上传，有点麻烦。接下来我打算：

1. 连接 GitHub 自动部署：把网站代码放到 GitHub 仓库，Pages 连接仓库后，每次 git push 就会自动构建并发布
2. 绑定自己的域名：买一个便宜的域名，接入 Cloudflare 后绑定到这个项目
3. 学习 Workers：给网站加一点后端功能，比如访问计数或者留言板

学到哪里，就在这个博客里记录到哪里。