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、图片等静态资源

创建 OSS Bucket


2️⃣ 设置公共访问权限

进入 Bucket 后,需要关闭“阻止公共访问”,并设置为 公共读,否则页面无法被访问。

路径:
权限控制 → 阻止公共访问

关闭阻止公共访问
设置公共读权限


3️⃣ 配置静态网站托管

进入:

数据管理 → 静态页面

  • 默认首页:index.html
  • 错误页面可根据需要设置

配置静态页面


4️⃣ 绑定自定义域名到 OSS

进入:

Bucket 配置 → 域名管理

添加你的域名,系统会生成一条 TXT 解析记录,用于验证域名所有权。

OSS 域名验证


Cloudflare DNS 配置步骤

1️⃣ 添加 TXT 验证记录

进入 Cloudflare 控制台:

DNS → 添加记录

将 OSS 提供的 TXT 记录填写进去,保存即可。

Cloudflare TXT 记录
TXT 验证成功


2️⃣ 添加 CNAME 指向 OSS

回到 OSS Bucket 概览页面,复制访问域名。

在 Cloudflare 中添加一条 CNAME 记录:

  • 主机名:你的域名
  • 目标:OSS 提供的访问地址
  • 开启橙色云朵(代理)

OSS 访问域名
Cloudflare CNAME 配置


常见问题 FAQ

HTTPS 无法访问怎么办?

请检查以下几点:

  1. Cloudflare DNS 中橙色云朵是否开启
  2. SSL/TLS 模式是否设置为 Flexible(灵活)Full(完全)

Cloudflare SSL 设置


Cloudflare 页面缓存如何清除?

进入 Cloudflare 后台:

缓存 → 配置 → 清除缓存

即可刷新 CDN 节点内容。

清除 Cloudflare 缓存


总结

Cloudflare 代理阿里云 OSS 是一种:

  • 零服务器
  • 低成本
  • 高可用
  • 易维护

的静态网站解决方案。

对于前端工程师、独立站、博客站、工具站来说,这套架构非常成熟稳定。一旦配置完成,后期维护成本几乎为零。

如果你在配置过程中遇到问题,欢迎在评论区留言交流。


comments powered by Disqus