准备3个域名
- www.domain.com
- alicdn.domain.com – 专门用于cname绑定到阿里上创建的oss对象存储,这样就不需要直接用 bucketname.oss-cn-hongkong.aliyuncs.com 之类非常ugly的oss源站名了;还需要一个配套的ssl证书,可以用宝塔自建网站获取Let’s Encrypt的证书,但每3个月得重新搞一遍,有点麻烦。
- dacess.domain.com – 怎么用于oss源站找不到文件再次溯源的时候直接访问最原始的源站用的,也可以是IP。如果你的www.domain.com 没套其他cloudflare之类的cdn嗯(嗯,可以带两个套的),也是可以就用www.domain.com,但不太建议。
先申请阿里OSS的对象存储bucket
管理oss的页面 https://oss.console.aliyun.com/bucket
申请OSS – 选对地方(香港)和权限(公共读)
开启传输加速
证书托管

域名绑定 – 之后就可以用alicdn.domain.com 来访问oss了


配置对象储存
设置镜像回源 – https 和 http 都可以,只要源站支持;或者跟随http重定向到https就行。应该源站我打开了强制SSL。
跨域规则 & 防盗链

绑定域名到对象储存

到这里,先做alicdn.domain.com/xxx/image.jpg之类的回溯验证。

在Wordpress当中开启CDN加速
下载插件 W3 Total Cache.

开启CDN功能
记住这里需要两步; 在General Setting当中打开CDN开关;在CDN具体的配置项当中输入具体的cdn地址。
如果不用也很简单,只要把这个CDN Enable取消就行了 – 直接回到无CDN的搞法。
题外话 – 清理Cache
- browser level – 去cookie + shift+refresh
- cloudflare – 清理cache或打开developer mode
- alicdn – 删除所有旧文件
- wordpress cache – purge all cache