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

 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《WordPress使用阿里云对象存储OSS进行静态资源CDN加速图文教程》
文章链接:https://www.banzhuti.com/wordpress-aliyun-oss-cdn-setting.html
本站资源仅供个人学习交流,不允许用于商业或违反国家法律法规之用途,否则法律问题自行承担。如有转载需注明文章来源。
分享到: 生成海报
版权免责声明

① 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有版本的WP、不保证兼容您安装的其他插件。
④ 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该资源(插件或主题)需要用户有一定代码基础知识!另本站提供汉化使用安装教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

定制服务联系我们
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活