前言
很多人可能都有这种困扰,网站加载速度太慢,而导致加载速度慢的其中一个大原因就是图片加载。
很多站长为了不用在国内备案,选择把服务器放到国外的VPS上,但国外主机往往对国内的用户不太友好,导致用户体验较差。
为了改善这种情况,我们可以把Wordpress的媒体库迁移至阿里云OSS,来使用阿里云的加速服务。
注意:阿里云OSS需付费使用,国内区目前9元/40GB/1年,流量费用另付,详见阿里云OSS官网。
准备工具
阿里云账号及阿里云OSS Bucket,搭建好的Wordpress系统,阿里云Accesskey
下载好aliyun-oss插件,下载地址:Github (开发者:IvanChou)
也可以在主导航处点击资源分享下载。
阿里云OSS配置
登陆OSS控制管理台,找到你创建好的Bucket,若还未创建,点击右上角的新建Bucket(读写权限设为公有读,标准存储)。
在概览中你可以看到你的访问地址。
点击上方的文件管理,新建目录/wp-content/uploads(为了方便后续设置)
选择上方的基础设置,拉到最下方设置镜像回源。
文件名前缀是wp-content/uploads/,回源地址是http(s)://你的网站。
接下来就可以进行插件的配置了。
安装插件并配置
在Wordpress管理界面选择插件->安装插件->上传插件,找到下载好的插件并进行安装启用。
在Setting->阿里云 OSS中进行配置,如下图所示。
一切设置好后点击保存配置就大功告成啦。
附加功能的设置
图片预设样式
点击右面的下载样式配置文件,会跳出来新的窗口,是一个txt文件,可能不会自动下载,把网址粘贴到下载工具中下载下来。
然后回到OSS管理控制台,选择图片处理->导入样式,选择下载的txt文件将其导入即可。
如果想要图片水印的话可以先上传水印文件到OSS存储空间,然后编辑full规则,按下图提示配置。
(位置,大小,透明度看个人喜好,水印图路径为OSS的文件路径,可在文件管理中点击预览查询到)
原图保护
在图片处理中,点击访问设置开启原图保护,按下图配置。
(不建议勾选*且强烈建议将站点图标的格式转换为ico再上传设置,否则无法显示站点图标!下面有讲到解决办法)
高级选项
在插件设置最下方选择更多选项,即可打开高级选项。
上面的站点图标因为开了原图显示而无法加载的解决办法如下:
将你要上传的站点图标更改名称,例如favicon,
再在需要排除的文件这一选项中填入你更改后的名称,即可让图片不经过OSS直接加载。
如下图所示。
注意:这样操作会导致所有带有favicon的图片全部绕过OSS直接加载,建议选择一个不常用到的名称。
总结
配置工作到此就完成了,如果在大陆有备案并且有需要的朋友还可以开启CDN加速,在域名管理中即可设置。
用上了阿里云全家桶,感觉支付宝空空的。
还是老样子,毕竟我很多操作还不熟练,如果哪儿又出现了问题且恰好被你给发现了,还麻烦告知我,感谢!
镜像回源请求不合法是什么原因呀?
![截图_2020040519304830SS.png]()
查看图片
看了一下你的网站,好像已经解决了,抱歉这么晚才回复,能说下怎么处理的吗?
其实我还没有解决……放弃了这个功能?
?抱歉,没能帮上忙。
我现在有点头痛,媒体库里什么图片都不显示,这个不是自动备份到OSS吗
查到了原因,插件的自定义略缩图查看分隔符跟阿里云冲突,显示不了图片,闹心。继续改==
博主,最近我也在折腾这个,文章的还好。但发现一个奇怪的问题,我自定义类型的文章,上传图片,也是传到了oss,但是文章内图片也一直显示wp-content/uploads的链接。这个有解决办法吗?
有配合插件使用吗?正常来说插件配置好了应该不会有什么问题的 😉
找到解决办法了,明天照你的办法试试favico
😳 嗯嗯
好详细,这个可以试试,价格不贵。
其实要是单看价格的话,七牛云和又拍云的更划算,几乎是免费用了。 😎