Gravatar的头像被墙或是访问速度极慢是一个很久以前的问题，而网络上有很多办法来处理它。

当前普遍采用的方案有：

  1. 利用官方的https头像，并且当前这种 https方法没有被堵，而且还算可以。
  2. 用「多说」的图片快取，不过现在发现它不太稳定，或者下载速度太快，或者无法下载。
  3. 采用七牛缓存机制。现在的计划是，注册一个账号，然后再安装一个新的插件，虽然还没有尝试过，但是从系统的反应来看，还是很稳定的。
「其他分享」解决Gravatar头像被墙无法显示问题插图
解决Gravatar头像被墙无法显示问题

我一直使用的是第一种方式，应该说使用了很久了，一直都算比较正常的。网上的代码是这样的：

function get_ssl_avatar($avatar) {
   $avatar = preg_replace('/.*\/avatar\/(.*)\?s=([\d]+)&.*/','<img src="https://secure.gravatar.com/avatar/$1?s=$2&d=mm" class="avatar avatar-$2" height="$2" width="$2">',$avatar);
   return $avatar;
}
add_filter('get_avatar', 'get_ssl_avatar');

但是从WordPress 4.2版开始，这种方式就会出现一个问题，就头像好像比以前大了一倍。当然我也没有细看，只是通过CSS对头像大小做了限制，但是后台的头像不可能每次升级都改下后台的css代码，那样也太麻烦了，于是研究下，发现从WordPress4.2版开始，引入了scrset，srcset属性允许作者根据不同分辨率或不同的视窗尺寸提多个不同分辨图像。用户代理会根据之前获取的任何资源做选择，从而避免多个资源加载浪费带宽和相关性能问题。也就是可以根据屏幕密度显示对应尺寸的图片，比如正常的PC显示器默认设备像素比都是1，iphone6是2，iphone6 plus就是3。

WordPress4.2+的scrset定义的2x的，之前的代码获取出来的图片大小是50，但是之后就获取到scrset里面的图片大小100上了，这就导致了为什么后来图片扩大一倍的缘故。

于是我就重写了下代码，解决了这个问题，头像图片的路径也使用了目前比较稳定的方法Cravatar头像。Cravatar是lifepress团队在国内做的一个公益项目，是目前Gravatar相对完美的替代品，看了官方的文档，Cravatar 100%兼容Gravatar的头像API，目前我也是通过替换域名的方式来使用Cravatar接替Gravatar。

将下面的代码放到主题的functions.php里面就行。

//替换Gavatar头像地址
function get_ssl_avatar($avatar) {
    if (preg_match_all(
        '/(src|srcset)=["\']https?.*?\/avatar\/([^?]*)\?s=([\d]+)&([^"\']*)?["\']/i',
        $avatar,
        $matches
    ) > 0) {
        $url = 'https://cravatar.cn';
        $size = $matches[3][0];
        $vargs = array_pad(array(), count($matches[0]), array());
        for ($i = 1; $i < count($matches); $i++) {
            for ($j = 0; $j < count($matches[$i]); $j++) {
                $tmp = strtolower($matches[$i][$j]);
                $vargs[$j][] = $tmp;
                if ($tmp == 'src') {
                    $size = $matches[3][$j];
                }
            }
        }
        $buffers = array();
        foreach ($vargs as $varg) {
            $buffers[] = vsprintf(
            '%s="%s/avatar/%s?s=%s&%s"',
            array($varg[0], $url, $varg[1], $varg[2], $varg[3])
           );
        }
        return sprintf(
                '<img alt="avatar" %s class="avatar avatar-%s" height="%s" width="%s" />',
                implode(' ', $buffers), $size, $size, $size
            );
    } else {
        return false;
    }
}
add_filter('get_avatar', 'get_ssl_avatar');

ESWINK , 版权所有丨如未注明 , 均为原创

原文标题:「其他分享」解决Gravatar头像被墙无法显示问题

Eswink原创声明