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


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

今天我们详细讲解Wordpress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速的教程,前端图片使用OSS/COS等第三方储存的配置教程。

一、阿里云OSS创建

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

图片[2]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo 图片[3]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

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

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

Bucket名称:自定义
存储类型:选择
标准存储
读写权限:选择公共读
服务器端加密:选择

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

图片[4]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

回源类型:选择镜像
回源条件:选择HTTP状态码404
回源地址:和上图一样,输入你的博客地址,比如我的:img.lishaowei.cn

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

图片[5]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

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

图片[6]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

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

图片[7]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

6、加速域名img.lishaowei.cn,业务类型:图片小文件图片[8]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

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

图片[9]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

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

类型:文件后缀名 jpg,jpeg,png,gif,js,css
过期时间:3年

图片[10]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

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

图片[11]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

HTTP/2设置:开启
TLS版本控制:开启TLSv1.3

二、Wordpress 配置

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

图片[12]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

2、配置OSS Upload

图片[13]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

启用:使用OSS作为媒体库存储
Access Key:阿里云后台查看
Secret Key:阿里云后台查看
上传路径:可以参考本站填写
访问链接:域名/wp-content/uploads
缩略图:使用参数图片服务,默认且简单

最后保存即可。

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

图片[14]-WordPress 使用阿里云对象存储 OSS 进行静态资源 CDN 加速-LyleSeo

三、相关问题

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

WPReplace插件

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

WPReplace使用方法

 

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

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享