GG资源网

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图

之前介绍过将图片放到对象缓存的教程【又拍云存储迁移到腾讯云COS及WordPress图片附件动静分离设置详细图文教程】,但是如果换成阿里云的对象存储应该怎么设置动静分离呢?今天详细讲解Wordpress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速的教程,前端图片使用OSS/COS等第三方储存的图文配置教程。

一、阿里云OSS创建

1. 首先注册阿里云,然后开启阿里云 OSS 服务。点击右侧Bucket 管理下方的“新建Bucket”按钮,创建一个新的存储空间:

目前阿里云正在举行活动,如:2023年阿里云双11优惠99元主机 单笔最高可省2400元

活动地址:https://www.aliyun.com/activity/allinaliyun/yunchuang

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图1
WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图2

区域:根据你网站用户在哪里最多选择。

下面这三个三个选项一定要按照下面选择:

Bucket名称:自定义

存储类型:选择标准存储。

读写权限:选择公共读。

服务器端加密:选择无。

2. 创建好 Bucket,选择该存储空间,点击“数据管理”,选择“镜像回源”这一栏,点击设置,最后点击创建规则:

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图3

回源类型:选择镜像

回源条件:选择HTTP状态码404

回源地址:和上图一样,输入你的博客地址,比如选择域名:img.lishaowei.cn

3. 设置好“镜像回源”之后,返回点击“Bucket 配置”选择“域名管理”,点击“绑定域名”:

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图4

4、域名:填写加回源地址域名 img.lishaowei.cn,然后按照要求设置域名 CNAME

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图5

5、点击阿里云 CDN 加速下的“未配置”链接,进行 CDN 配置:

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图6

6、加速域名img.lishaowei.cn,业务类型:图片小文件。

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图7

7、源站信息选择 OSS 域名即可,其他按照你的需求进行配置。

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图8

8、缓存配置,从左侧找到缓存配置,添加,

类型:文件后缀名 jpg,jpeg,png,gif,js,css

过期时间:3年

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图9

9、从左侧找到Https配置,点击开启Https安全加速,证书(如果是阿里云域名,直接选择云盾即可)如果非阿里云域名,自定义上传。

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图10

HTTP/2设置:开启

TLS版本控制:开启TLSv1.3

二、Wordpress 配置

1、安装插件OSS Upload,并启用

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图11

2、配置OSS Upload

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图12

启用:使用OSS作为媒体库存储

Access Key:阿里云后台查看

Secret Key:阿里云后台查看

上传路径:可以参考本站填写

访问链接:域名/wp-content/uploads

缩略图:使用参数图片服务,默认且简单。

最后保存即可。

3、将本站本地图片使用ossbrowser软件上传到 Bucket (ossbrowser软件下载与介绍),如果图片比较多,建议优化将本地图片上传至OSS,这样能减少图片出错的问题。

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图13

三、相关设置问题

1、由于某些主题使用了缩略图,启用了OSS图片能正常访问,但还是出现无法显示,这时需要批量修改内容的图片路径,安装插件:WPReplace。

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图14

2、WPReplace使用方法,目标内容为旧链接,替换内容为新链接,选择文章内容/字符替换,执行替换即可。

WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程插图15

本节教程已经完毕,大家可以根据本文的教程设置,虽然流程是比较烦锁,但绝对是可以成功的。

目前阿里云正在举行活动,如:2023年阿里云双11优惠99元主机 单笔最高可省2400元

活动地址:https://www.aliyun.com/activity/allinaliyun/yunchuang

原文取自:https://www.huimawu.net/post/4576.html

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程