七牛加速缓存Gravatar头像

2018年8月21日17:07:05 5 159

七牛加速缓存Gravatar头像

首先,当然是注册个七牛云账号并通过实名认证了,然后登陆七牛云账号新建一个“对象存储”空间,空间名字可以任意英文组合即可,镜像源要设成 https://secure.gravatar.com/以便拉取 Gravatar 官网的头像图片(当然你也可以设定成多说 Gravatar 头像服务器地址),如下图:

七牛加速缓存Gravatar头像

然后根据自己 WordPress 主题使用到的头像尺寸设定七牛云对象存储空间的“图片样式”,参照 Gravatar 官方头像不同 size 的图片,依次是?s=40、60、80、100、120(你可以审查元素看看):

七牛加速缓存Gravatar头像

就明月使用的 Begin 主题来说 32、40、60、80、100 尺寸是最合适的,所以分别创建“图片样式”如下图:

七牛加速缓存Gravatar头像

这是全部创建完成后的处理样式列表

七牛加速缓存Gravatar头像

每个图片处理样式就参照上图设定即可,样式名称即为尺寸数字即可

至此七牛云存储端设置全部完成,剩下的就是在 WordPress 所使用的主题下根目录下的 function.php 里添加如下代码替换 WordPress 默认评论头像地址:

  1. //缓存 Gravatar 头像到七牛云存储,WordPress 4.0+ 适用
  2. function qiniu_avatar($avatar) {
  3.   $avatar = preg_replace('/.*\/avatar\/(.*)\?s=([\d]+)&.*.srcset=.*/','<img src="http://这里要替换成你的七牛空间域名/avatar/$1-$2" class="avatar avatar-$2" height="$2" width="$2">',$avatar);
  4.   return $avatar;
  5. }
  6. add_filter( 'get_avatar', 'qiniu_avatar', 10, 3 );

 

weinxin
我的微信
这是我的微信扫一扫

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:5   其中:访客  5   博主  0

    • avatar 微信记录 来自天朝的朋友 谷歌浏览器 Windows 10辽宁省大连市 联通 0

      写得很好,很喜欢,继续支持

      • avatar 双休日兼职 来自天朝的朋友 火狐浏览器 Windows XP广东省东莞市 电信 0

        这是个好办法,简单几步就弄好了

        • avatar 明月登楼 来自天朝的朋友 谷歌浏览器 Windows 7河南省南阳市 电信 1

          使用七牛镜像gravatar头像,唯一不足就是头像缓存更新比较麻烦!

          • avatar 暮色 来自天朝的朋友 谷歌浏览器 Windows 7广东省东莞市 电信 0

            签到成功!签到时间:上午12:59:56,每日签到,生活更精彩哦~

            • avatar 画江湖之不良人 来自天朝的朋友 QQ浏览器  Android 8.1.0 OPPO R11 Plus Build/OPM1.171019.011 贵州省贵阳市 电信 3

              签到成功!签到时间:00:39:12 GMT+0800 (CST),每日签到,生活更精彩哦~