天天看点

thumbnails阿里云oss_阿里云OSS对接WordPress

thumbnails阿里云oss_阿里云OSS对接WordPress

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

thumbnails阿里云oss_阿里云OSS对接WordPress

一、对象存储OSS计费标准

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

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

thumbnails阿里云oss_阿里云OSS对接WordPress

若每小时的流量比较小,则收费≈0,忽略不计费啦! 

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

二、使用阿里云对象存储

1、激活对象存储OSS产品

在【产品与服务】里寻找或搜索

thumbnails阿里云oss_阿里云OSS对接WordPress

2、购买标准存储包

thumbnails阿里云oss_阿里云OSS对接WordPress

比如说40GB:9元/年

thumbnails阿里云oss_阿里云OSS对接WordPress

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

3、创建Bucket获取Access key等

(1)创建Bucket

thumbnails阿里云oss_阿里云OSS对接WordPress

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

thumbnails阿里云oss_阿里云OSS对接WordPress

如图选择比较省钱

(2)获取Access key

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

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

thumbnails阿里云oss_阿里云OSS对接WordPress

4、上传图片等资源

这里采用官方工具ossbrowser

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

登录后上传网站/wp-content/uploads/2020的图片等资源

thumbnails阿里云oss_阿里云OSS对接WordPress

你可以试着访问一下上面这张图:

http://jishusongshu.oss-cn-hangzhou.aliyuncs.com/images/2020/10/SP_2020-1025_15-03-34.jpg

(很可能是弹出下载界面,下载下来就是啦!)

5、自定义域名和开启SSL

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

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

thumbnails阿里云oss_阿里云OSS对接WordPress

比如:cdn.jishusongshu.com

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

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

可以尝试访问一下下图:

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

6、开启资源防盗链

thumbnails阿里云oss_阿里云OSS对接WordPress

设置白名单:*.jishusongshu.com

7、开启图片webp格式

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

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

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

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

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

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

thumbnails阿里云oss_阿里云OSS对接WordPress

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

thumbnails阿里云oss_阿里云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,安装老部落开发的插件

thumbnails阿里云oss_阿里云OSS对接WordPress

参考如图设置

thumbnails阿里云oss_阿里云OSS对接WordPress

2、替换数据库图片地址

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

thumbnails阿里云oss_阿里云OSS对接WordPress

【工具】-【WPReplace设置】

thumbnails阿里云oss_阿里云OSS对接WordPress

比如:

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

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

好啦!试着访问一下你的文章,看下图片显示没?地址改了没? 

四、老部落视频教程

感谢大佬的视频教程:

阿里云对象存储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

—End—

扩展阅读

thumbnails阿里云oss_阿里云OSS对接WordPress

技术松鼠 又拍云 + WordPress + 图床 喜欢就点一下在看呗!

thumbnails阿里云oss_阿里云OSS对接WordPress

继续阅读