在WordPress中启用阿里云OSS作为媒体库

前言

很多人可能都有这种困扰,网站加载速度太慢,而导致加载速度慢的其中一个大原因就是图片加载。

很多站长为了不用在国内备案,选择把服务器放到国外的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加速,在域名管理中即可设置。

用上了阿里云全家桶,感觉支付宝空空的。

还是老样子,毕竟我很多操作还不熟练,如果哪儿又出现了问题且恰好被你给发现了,还麻烦告知我,感谢!

评论

  1. 鸦鸦
    Windows Chrome
    6月前
    2020-4-05 19:50:21

    镜像回源请求不合法是什么原因呀?


    查看图片
    截图_2020040519304830SS.png

    • Ratodo 博主
      Windows Chrome
      已编辑
      6月前
      2020-4-05 22:31:40

      看了一下你的网站,好像已经解决了,抱歉这么晚才回复,能说下怎么处理的吗?

      • 鸦鸦
        Windows Chrome
        6月前
        2020-4-07 20:16:00

        其实我还没有解决……放弃了这个功能😂

        • Ratodo 博主
          Windows Chrome
          6月前
          2020-4-07 20:52:49

          😅抱歉,没能帮上忙。

  2. Alien
    Windows Chrome
    12月前
    2019-9-30 18:19:09

    我现在有点头痛,媒体库里什么图片都不显示,这个不是自动备份到OSS吗

    • Alien
      Windows Chrome
      12月前
      2019-9-30 19:19:33

      查到了原因,插件的自定义略缩图查看分隔符跟阿里云冲突,显示不了图片,闹心。继续改==

  3. 一芦居
    Android Chrome
    2年前
    2019-3-21 23:32:29

    博主,最近我也在折腾这个,文章的还好。但发现一个奇怪的问题,我自定义类型的文章,上传图片,也是传到了oss,但是文章内图片也一直显示wp-content/uploads的链接。这个有解决办法吗?

    • Ratodo 博主
      Windows Chrome
      2年前
      2019-3-22 21:19:15

      有配合插件使用吗?正常来说插件配置好了应该不会有什么问题的 😉

      • 一芦居
        Android Chrome
        2年前
        2019-3-22 21:58:59

        找到解决办法了,明天照你的办法试试favico

        • Ratodo 博主
          Windows Chrome
          2年前
          2019-3-22 23:09:46

          😳 嗯嗯

  4. 灰常记忆
    Android Chrome
    2年前
    2018-12-04 14:49:31

    好详细,这个可以试试,价格不贵。

    • Ratodo 博主
      Windows Chrome
      2年前
      2018-12-04 14:52:39

      其实要是单看价格的话,七牛云和又拍云的更划算,几乎是免费用了。 😎

发送评论 编辑评论


|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇