Cloudflare 代理阿里云 OSS 教程:免费实现 CDN + HTTPS 加速(图文详解)
目录
前言:为什么用 Cloudflare 代理阿里云 OSS 搭建静态网站
Cloudflare 是一家跨国云服务公司,在程序员圈子里常被称为“赛博活佛”,主要原因在于它提供了大量长期免费的核心服务,例如 CDN、HTTPS、DDoS 防护等。
相比传统云厂商,Cloudflare 在免费能力和易用性方面优势明显。而阿里云 OSS(对象存储)非常适合存放 HTML、CSS、JS、图片等静态资源,不占用服务器带宽,成本也非常低。
使用 Cloudflare 作为访问入口,OSS 作为源站,是目前性价比极高的静态网站方案。
为什么选择 Cloudflare + 阿里云 OSS?
Cloudflare 的优势
- 免费 SSL 证书,自动续期
- 全球 CDN 节点,就近访问
- DNS 与代理配置简单
- 具备基础抗攻击与缓存能力
OSS 静态网站的优势
- 成本低,按存储和流量计费
- 无需服务器运维
- 适合博客、工具站、文档站等场景
域名购买与基础准备
在开始配置之前,你需要准备以下内容:
- 一个阿里云账号
- 一个 Cloudflare 账号
- 已购买的域名(推荐在 Cloudflare 购买)
- 完成实名认证
Cloudflare 官网地址:
https://dash.cloudflare.com/login
配置阿里云 OSS(图文教程)
以下以 straightinfonet.com 域名为示例。
1️⃣ 创建 OSS Bucket
进入阿里云 对象存储 OSS,创建一个 Bucket。
- 如果域名未备案,建议选择海外地域
- Bucket 用于存放 HTML、CSS、JS、图片等静态资源

2️⃣ 设置公共访问权限
进入 Bucket 后,需要关闭“阻止公共访问”,并设置为 公共读,否则页面无法被访问。
路径:
权限控制 → 阻止公共访问


3️⃣ 配置静态网站托管
进入:
数据管理 → 静态页面
- 默认首页:
index.html - 错误页面可根据需要设置

4️⃣ 绑定自定义域名到 OSS
进入:
Bucket 配置 → 域名管理
添加你的域名,系统会生成一条 TXT 解析记录,用于验证域名所有权。

Cloudflare DNS 配置步骤
1️⃣ 添加 TXT 验证记录
进入 Cloudflare 控制台:
DNS → 添加记录
将 OSS 提供的 TXT 记录填写进去,保存即可。


2️⃣ 添加 CNAME 指向 OSS
回到 OSS Bucket 概览页面,复制访问域名。
在 Cloudflare 中添加一条 CNAME 记录:
- 主机名:你的域名
- 目标:OSS 提供的访问地址
- 开启橙色云朵(代理)


常见问题 FAQ
HTTPS 无法访问怎么办?
请检查以下几点:
- Cloudflare DNS 中橙色云朵是否开启
- SSL/TLS 模式是否设置为 Flexible(灵活) 或 Full(完全)

Cloudflare 页面缓存如何清除?
进入 Cloudflare 后台:
缓存 → 配置 → 清除缓存
即可刷新 CDN 节点内容。

总结
Cloudflare 代理阿里云 OSS 是一种:
- 零服务器
- 低成本
- 高可用
- 易维护
的静态网站解决方案。
对于前端工程师、独立站、博客站、工具站来说,这套架构非常成熟稳定。一旦配置完成,后期维护成本几乎为零。
如果你在配置过程中遇到问题,欢迎在评论区留言交流。
comments powered by Disqus