阿里云OSS对接WordPress

松鼠小

发表文章数:82

松子工具箱

站长开发的集阅读、音乐、影视、工具等功能的安卓应用。

查看详情
首页 » WordPress » 阿里云OSS对接WordPress

作为站长,随着文章增加,图片等资源所占空间越来越大,服务器越来越臃肿,网站访问可能会随之变慢。我们可以试着采用对象存储将图片视频等资源与服务器分离,从而减轻服务器的负担,比如之前介绍的又拍云存储>>又拍云 + WordPress + 图床 (加入又拍云联盟还有免费流量)

其实,阿里云OSS对象存储也是一个不错的选择,特别是对于服务器是阿里系的站长。

阿里云OSS对接WordPress

一、对象存储OSS计费标准

阿里云OSS对象存储收费包含存储费和流量费。

存储包40GB起:12元/年,外网流出流量:

阿里云OSS对接WordPress

时间段 价格
00:00-08:00(闲时) 0.25元/GB
8:00-24:00(忙时) 0.50元/GB

>>对象存储 OSS 详细价格信息
若每小时的流量比较小,则收费≈0,忽略不计费啦! 阿里云OSS对接WordPress

如果你觉得这点费用可以承受,那么可往下看

二、使用阿里云对象存储

1、开通对象存储OSS产品

>>阿里云对象存储 OSS

阿里云OSS对接WordPress

2、购买标准存储包

>>阿里云对象存储 OSS

选择折扣套餐,比如40GB:9元/年(优惠3元)

阿里云OSS对接WordPress

存储包还可用作抵扣ECS快照,也就是快照总空间不超过存储包容量的部分不收取快照费用。

3、创建Bucket获取Access key等

(1)创建Bucket

阿里云OSS对接WordPress

Bucket名称(后面要用),比如:jishusongshu

阿里云OSS对接WordPress

如图选择比较省钱

(2)获取Access key

在【概览】-【Access key】验证手机短信后获取。

(3)获取地域节点和域名

阿里云OSS对接WordPress

4、上传图片等资源

这里采用官方工具ossbrowser

ossbrowser是阿里云官方提供的OSS图形化管理工具,提供类似Windows资源管理器的功能。使用ossbrowser,您可以方便地浏览、上传、下载和管理文件。

>>管理工具帮助

登录后上传网站/wp-content/uploads/2020的图片等资源
阿里云OSS对接WordPress

你可以试着访问一下上面这张图:http://jishusongshu.oss-cn-hangzhou.aliyuncs.com/images/2020/10/SP_2020-1025_15-03-34.jpg(很可能是弹出下载界面,下载下来就是啦!)

5、自定义域名和开启SSL

免费域名太长了,而且难记。我们不妨使用自定义域名并开启SSL。

【传输管理】-【域名管理】-【绑定域名】

阿里云OSS对接WordPress

比如:cdn.jishusongshu.com

再申请一个免费的域名DV证书,然后证书托管

如果是阿里云的域名可以设置自动指向到Bucket免费域名

可以尝试访问一下下图:

https://cdn.jishusongshu.com/images/2020/10/SP_2020-1025_15-03-34.jpg

6、开启资源防盗链

【权限管理】-【防盗链】

阿里云OSS对接WordPress设置白名单:*.jishusongshu.com

7、开启图片webp格式

webp格式可以有效减小图片的大小

WebP是Google专门为网络设计的光栅图像格式,它提供无损和有损压缩。

WebP有损图像使用预测编码来对图像进行编码,其图像比JPEG的可比图像小34%。

WebP无损图像使用已经看过的图像片段重建新像素。无损图像比与PNG相同的图像小26%。无损WebP支持alpha通道(透明度),文件大小比PNG的可比图像小3倍。

这里讲一下自定义图片样式:

【数据处理】-【图片处理】-【新建样式】

阿里云OSS对接WordPress
可以格式转换,修改亮度、对比度、模糊,添加图片(文字)水印等
阿里云OSS对接WordPress

然后图片网址后添加后缀获取,比如:

https://cdn.jishusongshu.com/images/2020/10/SP_2020-1025_15-03-34.jpg?x-oss-process=style/样式名称

三、使用WP插件-WPOSS

1、安装启用WPOSS插件

商店搜WPOSS,安装老部落开发的插件

阿里云OSS对接WordPress

参考如图设置

阿里云OSS对接WordPress

2、替换数据库图片地址

WPOSS插件底部自带一键替换功能,这里推荐更强大的WPReplace内容字符替换插件

阿里云OSS对接WordPress

【工具】-【WPReplace设置】

阿里云OSS对接WordPress

比如:https://www.jishusongshu.com/wp-content/uploads/

=>https://cdn.jishusongshu.com/images/

好啦!试着访问一下你的文章,看下图片显示没?地址改了没? 阿里云OSS对接WordPress

四、老部落视频教程

感谢大佬的视频教程:阿里云对象存储OSS插件WPOSS教程

1-WPOSS的安装和基本功能介绍:https://www.bilibili.com/video/BV1CD4y127Wi

2-空间开通和API授权密钥获取:https://www.bilibili.com/video/BV1Wk4y127gT

3-自定义域名和SSL证书设置:https://www.bilibili.com/video/BV1b64y1c7DT

4-静态文件迁移和数据库替换:https://www.bilibili.com/video/BV1Jk4y1279s

转载请注明出处:作者:松鼠小, 转载或复制请以 超链接形式 并注明出处 技术松鼠
原文地址:《阿里云OSS对接WordPress》 发布于2020-10-25

分享到:
赞(0) 打赏

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.5主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册