flydust的博客

【教程】使用阿里云oss作为wordpress的图床

给博客开始这次关于图床的折腾的起因竟是!

花了9毛钱买了阿里云oss的40g空间,使用期2年……

不用白不用啊,反正一个月没多少人访问,流量一定也不贵~然后就开始了这次折腾

阿里云配置部分

1.购买阿里云OSS服务

第一步,登录阿里云。(如果没有阿里云账户的朋友,可以自己根据提示注册一个即可。)

第二步,找到导航,进入OSS购买页面,如下图所示:

《【教程】使用阿里云oss作为wordpress的图床》

然后根据自身情况选择相应的配置,点击“立即购买”,如下图所示:

《【教程】使用阿里云oss作为wordpress的图床》

2. 配置阿里云OSS服务

第一步,进入“管理控制台”,在左侧导航中选择“对象存储OSS”,如下图所示:

《【教程】使用阿里云oss作为wordpress的图床》

第二步,在顶部导航中选择“AccessKeys”,之后选择“创建Access Key”,根据提示来完成Access Key的创建。这一步很重要,这是开启OSS存储服务以及和WordPress对接的基本前提。

《【教程】使用阿里云oss作为wordpress的图床》

第三步,创建Bucket。进入OSS管理界面,进入“Bucket管理”,在右上角的地方找到“创建Bucket”的按钮,之后根据提示创建自己需要的Bucket。如下图所示:

《【教程】使用阿里云oss作为wordpress的图床》

Bucket创建成功之后,就可以对自己的Bucket进行管理了,进入“Bucket管理”,选择自己刚刚创建的Bucket,进入之后做相应的配置即可。Bucket的配置主要是以下几点:

《【教程】使用阿里云oss作为wordpress的图床》

a. Bucket读写权限的问题。关于读写权限,主要有以下三种:

» 私有:对object的所有访问操作需要进行身份验证。

» 公共读:对object写操作需要进行身份验证;可以对object进行匿名读。

» 公共读写:所有人都可以对object进行读写操作。

一般情况下选择“公共读写”即可。

b. 防盗链设置。因为OSS是按使用量收费的服务,为了减少用户存储于OSS的数据被其他人盗链而产生额外的费用,所以防盗链的设置是很必要的。具体的参考“Bucket属性”下的“防盗链设置”进行相关的设置即可。

c. 域名设置。虽然阿里云也提供了免费的域名使用,但是为了便于管理,笔者还是推荐设置自己的域名。域名设置最复杂的地方就是你要联系自己的服务商或者登录自己的域名管理界面设置相关的二级域名。当然了,设置好二级域名之后必须要进行正确的CNAME解析才能正常的使用。如果在这里遇到困难的朋友,可以联系浪子虎,笔者很愿意分享自己的心得。

d. 图片处理功能。图片处理服务主要是针对以图片为主的站点而言的,在这里,可以设置图片水印以及绑定图片域名等,具体步骤参考阿里云官网的相关提示即可。

到这里,基本上的设置都弄好了,接下来就是重头戏了。

wordpress对接部分

wordpress插件下载:https://github.com/IvanChou/aliyun-oss-support

十分感谢这个插件的作者IvanChou,对博猪进行了耐心的使用指导 ≖‿≖✧

插件特色

  1. 支持 Aliyun OSS 的图片服务(根据参数获得不同尺寸的图片)
  2. 自定义文件在 Bucket 上的存储位置
  3. 支持 Https 站点
  4. 支持阿里云内网和 VPC 网络
  5. 全格式附件支持,不仅仅是图片
  6. 支持 wordpress 4.4+ 新功能 srcset,在不同分辨率设备上加载不同大小图片
  7. 支持在 WordPress 后台编辑图片
  8. 图片服务支持预设图片样式,可用于图片打水印的需求
  9. 中英文双语支持,方便使用英文为默认语言的同学
  10. 代码遵循 PSR-4 规则编写

安装

  1. WordPress 管理后台安装
  2. 手动解压上传到 wp-content/plugins 目录下

配置

根据提示配置即可

将之前在阿里云设置好的信息填入

《【教程】使用阿里云oss作为wordpress的图床》

注意

该插件不附带自动上传以前的媒体库文件功能!所以若想使用完整功能,请手动上传媒体库文件至oss

关于图片服务

阿里云 OSS 提供了根据 url 参数来获得各种尺寸的 阿里云OSS图片处理服务(Image Service,简称 IMG), 相比起 WordPress 自身在图片上传的时候生成各种尺寸的图片, 明显是一种更优雅的解决方案, 占用的存储空间更小, 尺寸变更更灵活。

通常使用中, 你不需要特别的去了解它的实现, 只需注意:

  1. 开启图片服务时, 只有原图会被上传到 OSS, 如果此时关闭图片服务, 服务开启这段时间内上传的图片会出现缩略图丢失的情况
  2. 如果没有开启 不在本地服务器上保留文件 选项, 服务器上仍旧保留有缩略图, 此时关闭插件会发现所有的缩略图其实都在, 所以你可以通过手动上传到 OSS 来修复丢失问题
  3. 如果开启了 不在本地服务器上保留文件 选项, 那就真的找不回那些丢失的缩略图了 ㄟ( ▔, ▔ )ㄏ

更多关于图片服务的介绍: How to use Image Service

 

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注