解决 Typecho 的 Gravatar 头像显示问题

本文最后修改于 867 天前，其中某些信息可能已经过时。如亟需更新请在下方评论区留言提醒。

隔壁酚酞大佬向我抱怨说博客头像加载不出来，要我赶紧想想办法。具体情况如下图。

好家伙，因为日常挂代理的原因，我一直没注意到。清光缓存看了眼自己的。

得，是必须要解决的严重问题。

琢磨并测试了下，头像崩掉单纯是 Gravatar 服务在国内不好使的原因。因此只要使用国内的公共 CDN 服务，或是自己建一个，再替换掉 Typecho 程序中的原有链接，就能解决这个问题。

替换原有链接

在博客根目录/var/Typecho/Common.php中，使用VSCODE或是其他编辑器，快捷键Ctrl+F搜索secure.gravatar.com。Typecho 版本不同，位置可能会不一样，我的在 991 行左右。

            $url = $isSecure ? 'https://secure.gravatar.com' : 'http://www.gravatar.com';
            $url .= '/avatar/';

搜索下可用的公共 CDN

V2EX：https://cdn.v2ex.com/gravatar/
极客族：https://sdn.geekzu.org/avatar/

把第一行里头的链接替换掉

            $url = $isSecure ? 'https://sdn.geekzu.org/avatar/' : 'https://cdn.v2ex.com/gravatar/';

因为上面的 CDN 链接里已经带有/avatar/了，所以需要注释掉这一行，也可以把这行直接删掉。

            //$url .= '/avatar/';

然后保存，刷新，一切恢复正常。

但是更新 Typecho 的时候覆盖了怎么办？还有一个方法，在博客根目录程序配置文件config.inc.php最后面插一段：

/**自定义头像源*/
define('__TYPECHO_GRAVATAR_PREFIX__', 'https://cdn.v2ex.com/gravatar/');

这个配置文件一般情况不会去动它，所以是最一劳永逸的方法，也推荐使用这个方法。

自己反代一个

直接开一个二级域名用来反代当然可以，但用二级目录（如himiku.com/avatar/）来反代也不错。参考「Gravatar镜像资源及Nginx反代教程」的方法自己尝试了下。

在配置开头加个缓存，毕竟有缓存又快又能省钱。比如把缓存放在/home/wwwcache/gravatar。

proxy_cache_path /home/wwwcache/gravatar levels=1:2 keys_zone=gravatar:5m inactive=30m max_size=50m;

然后在server段里头加个反代。比如我想用https://www.himiku.com/avatar/，来直接反代https://secure.gravatar.com/avatar/。

    location /avatar/ {
        proxy_pass https://secure.gravatar.com/avatar/;
        proxy_redirect off;
        proxy_set_header Host secure.gravatar.com;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto https;
        proxy_set_header Accept-Encoding "";
        proxy_cache gravatar;
        proxy_cache_key $scheme$host$request_uri;
        proxy_cache_valid 200 304 3h;
        proxy_cache_valid 301 24h;
        proxy_cache_valid 500 502 503 504 0s;
        proxy_cache_valid any 3h;
    }

不喜欢用avatar，改用touxiang也行，把第一行location /avatar/改成location /touxiang/就好了。

完整些的大致如下。

proxy_cache_path /home/wwwcache/gravatar levels=1:2 keys_zone=gravatar:5m inactive=30m max_size=50m;
server {
    listen 80;
    server_name himiku.com ;
    return 301 https://himiku.com$request_uri;
}
server {
    listen 443 ssl http2;
    server_name himiku.com;
    index index.html;
    ssl........ 省略
    location /avatar/ {
        proxy_pass https://secure.gravatar.com/avatar/;
        proxy_redirect off;
        proxy_set_header Host secure.gravatar.com;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto https;
        proxy_set_header Accept-Encoding "";
        proxy_cache gravatar;
        proxy_cache_key $scheme$host$request_uri;
        proxy_cache_valid 200 304 3h;
        proxy_cache_valid 301 24h;
        proxy_cache_valid 500 502 503 504 0s;
        proxy_cache_valid any 3h;
    }
    …… 其他省略
}

重复上一步，把自己的链接替换进去就行了。

~~若是想使用我的反代服务，可以点开评论区头像自行获取链接。但是不保证长期稳定。~~准备停止服务啦，有看到的小伙伴们还请切换到公共cdn！