网站优化
当前位置:主页 > 资讯 > 网站优化 >
WordPress使用阿里云对象存储OSS进行CDN加速
发布日期:2020-03-13 阅读次数: 字体大小:

昨天晚上,芒果君发现本站的图片太多了,打开网站的时候 框架加载 没什么问题,但是图片往往要几秒钟后才可以加载成功。

所以芒果君尝试做了下cdn,原本打算做七牛云的,毕竟芒果君之前一直在用七牛云的cdn,配置简单,cdn端操控也比较方便。

可当我准备做七牛接口的时候 问题来了! 我的天 突然发现七牛云的wp插件 好多年都没有更新了,会不会有bug 有漏洞。。。 仔细研究了下 还是算了。

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

原本做七牛cdn插件的作者  我爱水煮鱼 https://blog.wpjam.com/  已经停止对七牛云cdn插件的更新,做了另外一款插件 WPJAM  此插件可以对接 UCloud UFile 、腾讯云COS、阿里云OSS。

经过测试  此插件的功能还是比较强大的,还有其他的功能 可以对wp进行优化

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

测试没问题后 果断入手 准备正式开始干。。。

好了  说点正经的吧 接下来上教程

首先芒果君要提示:

操作前 记得备份
操作前 记得备份
操作前 记得备份

 

1.在 wp面板——插件——安装插件——搜索——WPJAM Basic   ,  安装 并启用

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

 

 

2.点击这里 进入    阿里云    打开后 有一个oss优惠券 领一下 (ps:芒果君辛辛苦苦为大家做教程,希望大家给个面子 点这里进去后  芒果君会得到一点返佣,赚个服务器费用)

 

3.接着 打开 阿里云oss控制台WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

4.在 左侧 的 创建 Bucket

输入 bucket标题

区域:根据你网站用户在哪里最多选择。
存储类型:选择标准存储
读写权限:选择公共读

其他选项 如果没有特殊需求 默认即可

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

输入完成后 点击确定

 

5.创建好之后 点击基础设置   一直往下滑 找到 镜像回源

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

 

点击镜像回源的设置

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

6.点击创建规则

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

回源类型:选择镜像
回源条件:选择HTTP状态吗404
回源地址:和上图一样,输入你的博客地址,比如我的:www.okmg.cn    注意 选择 https  http

其他参数 根据需要自选  如无特殊需求 默认即可

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

7.返回点击域名管理,点击绑定用户域名

此域名 是独立的cdn域名 并不是 你的博客站域名   如芒果君的 主站www.okmg.cn    那么绑定的域名 芒果君设置成 cdn.okmg.cn

8.选择自动添加 CNAME 记录  可自动添加 CNAME 记录,但是需要删除原有记录 (选择自动就行,用不着手动解析记录)

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

 

9.这样 上面就已经把 阿里云镜像存储oss配置好  , 那么我们回到wordpress的后台 找到刚 安装的 WPJAM插件

在后台 点击 WPJAM   选择CDN加速

WordPress使用阿里云对象存储OSS进行CDN加速-芒果源码

10.云存储:选择阿里云OSS
CDN域名:输入上面设置的域名,https://cdn.okmg.cn (也就是你刚设置的CDN域名 千万别傻乎乎的照抄)

这样就好了,可以在你的 WordPress 网站使用阿里云 OSS 服务,并且使用阿里云的 CDN 对静态资源进行加速了。

WPJAM和阿里云镜像OSS里边 还可以设置一些其他优化的服务  本教程只是提供基础核心必须的配置 ,其他配置 请自行研究。