大猫的无限游戏

如何获取 Gravatars 头像的路径

什么是 Gravatar

Gravatar 是 Globally Recognized Avatars (地球人公认的阿凡达)
可以去 http://gravatar.com/ 关联你的 Email 和头像
这样子在任何启用 Gravatar 的博客留言,即可显示对应的头像
例如 i(a)ooxx.me 对应的是

Gravatar 是如何构建滴

一个 Gravatar 是服务器动态返回的图片,下面是一坨 src 图片地址

http://www.gravatar.com/avatar/ddb61c44b09ee3e8cb2700249ec9eac7&r=X&s=80

我们来肢解一下

Gravatar 总是以如下URL开头

http://www.gravatar.com/avatar/

接下去是 E-mail 对应的 Hash 结果, 这 E-mail 地址在 hash 之前必须要小写,并且要木有空格

ddb61c44b09ee3e8cb2700249ec9eac7

然后是 rating 分级, 有[ G | PG | R | X ] 4档
(在网站设置头像的时候会让你分级,建议选G)
约X的头像越不和谐,用专业的英语就叫 hardcore sexual
网址里这个分级设置的是容许最极端的那档
例如网址设置容许G,那么只有G的头像会显示
容许PG 会显示 G 和 PG
容许X 会显示 G 和 PG 和 R 和 X

&r=X

最后是 size 图像尺寸 , 有效范围是1到512

&s=80

还有一坨可选的默认头像地址,就是说如果email找不到对应的头像了或者不在分级范围内,就用这张默认图
可选参数为
* ‘404’ (返回 a 404)
* ‘mm’ (mysteryman)
* ‘identicon’ (unique, generated image)
* ‘monsterid’ (unique, generated image)
* ‘wavatar’ (unique, generated image)
都是些奇形怪状的丑图,建议自定义一张拉轰的(http://bigc.at/me.jpg)

&d=http%3A%2F%2Fooxx.me%2Fme.jpg

那么在主题里调用 Gravatar 就很简单的用

 <?php
   echo get_avatar([email protected],50);
   ?>

这里的邮件地址可以用 get_the_author_meta(‘user_email’) 获取本文作者的email
如果用在评论循环里,可以用 get_comment_author_email() 获取当前循环里的email
记得小写哦 strtolower(get_comment_author_email()) 会自动转为小写
记得MD5哦 md5(strtolower(get_comment_author_email())) 会进行 hash

加起来就是

 <?php
   echo get_avatar(md5(strtolower(get_comment_author_email())),50);
   ?>

会吐出来

<img alt='{$safe_alt}' src='{$out}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />

不幸的是get_avatar()默认吐img标签
幸运的是如果只要src值,可以这么写

<?php
echo "http://www.gravatar.com/avatar/".md5(strtolower(get_comment_author_email()))."&r=X&s=80";
?>

挨吻老湿就是这么写再结合jQuery 配合 CSS3 搞图片圆角来输出头像滴
点这里看

30 7 月, 2010

bigCat

gravatars, wordpress

《 “如何获取 Gravatars 头像的路径” 》有 53 条评论

whatUwant说道：

2010-07-30 01:15

能举报楼上的吗。。。 😆

回复
trylife说道：

2010-07-30 01:49

😆 😛 😡 👿 😈 这些表情都是啥意思～～

回复
卡巴飞机说道：

2010-07-30 02:40

💡 😈 叫兽

回复
finvola说道：

2010-07-30 08:06

@祛痘产品排行榜, 哟传说中的垃圾留言拦截器失效了哟

回复
- bigCat说道：
  
  2010-07-30 15:30
  
  @finvola, 已经添加到spam服务器了,他在其他blog也会被菊爆的
  
  回复
MOPVHS说道：

2010-07-30 08:23

😮 大猫老师V5~~~~、

用头像缓存的飘过…

回复
- MOPVHS说道：
  
  2010-07-30 08:23
  
  @MOPVHS, 明明想打“老湿”的~~~搜狗不配合呀~~ 👿
  
  回复
hzlzh说道：

2010-07-30 08:30

现在就缺动态的Avatar，我的twitter都能都能动了，应该是gif不好resize导致的

回复
- bigCat说道：
  
  2010-07-30 15:31
  
  @hzlzh, gif的体积也是个问题… 我可不想被拖慢速度…
  
  回复
  - hzlzh说道：
    
    2010-07-30 19:58
    
    @bigCat, 那就缓存之，神一般的加载速度
    
    回复
    - bigCat说道：
      
      2010-07-30 20:43
      
      @hzlzh, 呃，我担心的不是dns查询时间，也不是http 请求数是体积，一般GIF都比较大
      服务器端缓存解决的问题就是DNS查询问题而已，因为主机都在国外，搞不好还没gravatar的线路速度快
      
      回复
mice说道：

2010-07-30 09:00

我勒个去…沙发什么都没了..

回复
A.shun说道：

2010-07-30 14:05

把Gravatars缓存到自己服务器的路过 😉

这的圆角样式真好看 ❗

回复
威震天说道：

2010-07-30 22:12

嘿嘿技术文

回复
meters说道：

2010-07-30 23:25

从这儿过去,发现ivane好久都没更新过日志了…
学习啦… 😆

回复
trylife说道：

2010-07-31 00:21

我勒个去表情变了

回复
- bigCat说道：
  
  2010-07-31 09:43
  
  @trylife, after a upgrade… I’ll fix it later
  
  回复
  - trylife说道：
    
    2010-07-31 12:23
    
    @bigCat, i know ,now~
    
    回复
Tweets that mention 如何获取 Gravatars 头像的路径 – 大猫の意淫网志 — Topsy.com说道：

2010-07-31 19:46

[…] This post was mentioned on Twitter by Carrie, 晓墨墨. 晓墨墨 said: 如何获取 Gravatars 头像的路径… http://is.gd/dUwKq […]

回复
belts说道：

2010-08-03 11:50

飘来飘去的，看看

回复
sunglasses说道：

2010-08-03 11:51

弄个变形金刚，哈哈

回复
Kimcool说道：

2010-08-05 17:25

没有实际意义，意淫下。

回复
chisdy说道：

2010-08-08 03:27

原来还有这么多设置的，外行看热闹了

回复
非主流说道：

2010-08-10 14:30

好多设置啊

回复
max说道：

2010-08-10 15:33

弄个哈里波特，呵呵

回复
WordPress啦说道：

2010-08-11 19:26

呵呵，这些咱只知道用，

回复
zhy说道：

2010-08-11 23:54

好文章要收藏 😆

回复
meters说道：

2010-08-14 23:33

你还不变灰!!!!

回复
- bigCat说道：
  
  2010-08-15 15:22
  
  @meters, 操,再和我提灰这个字,我爆你菊花
  
  回复
ChaoLen说道：

2010-08-16 16:45

额，一般都是登录进去复制链接！囧~

回复
very说道：

2010-08-17 18:45

呵呵，很好很强大

回复
如何获取 Gravatars 头像的路径（转） – 自在飞说道：

2010-08-19 21:00

[…] 以上内容引用自大猫老师：http://bigc.at/get_avatar_src.orz WordPress官网对Gravatar的介绍：Using Gravatars […]

回复
imfigo说道：

2010-08-21 12:08

头像有就行 🙁 。懒得折腾了。

回复
mercy说道：

2010-08-24 18:07

http://bigc.at/me.jpg 这个是谁？

回复
- bigCat说道：
  
  2010-08-24 19:21
  
  @mercy, 你猜你猜~ 😉
  
  回复
阅网博客说道：

2010-08-25 14:50

“一坨 src 图片地址”、“肢解”、“木有空格”。。。。大猫兄弟的博文读起来总是很动情、很怡美、很吸引人。

回复
- bigCat说道：
  
  2010-09-01 21:52
  
  @阅网博客, 排比句表强调，嘿嘿
  
  回复
laowi说道：

2010-08-25 22:06

😳 😳 这套表情挺好玩的哦

回复
- bigCat说道：
  
  2010-09-01 21:51
  
  @laowi, zing老湿画滴
  
  回复
airmax90说道：

2010-08-26 16:18

太抽象了，俺们看不懂 😳

回复
- bigCat说道：
  
  2010-09-01 21:51
  
  @airmax90, 感受就对鸟
  
  回复
wmtimes说道：

2010-08-29 06:03

我也来试试。不过我的怎么觉得不动画了呢。

回复
- bigCat说道：
  
  2010-09-01 21:51
  
  @wmtimes, 虾米？
  
  回复
手机短信说道：

2010-09-02 17:31

终于找到了~感谢博主

回复
精辟句子说道：

2010-09-10 11:21

呵呵，不错。

回复
diib说道：

2010-09-17 15:36

Test it…. 😆

回复
柯冷说道：

2010-09-29 13:44

试下效果哈 😆

回复
山哥说道：

2010-10-24 14:59

为啥偶在定义图片尺寸和默认图片的时候失效.. 😳

回复
- bigCat说道：
  
  2010-10-24 22:41
  
  @山哥, 最近gravatar出状况,具体不和谐,自己去搜索…
  
  回复
zw说道：

2010-11-03 14:51

😈 😈 太幫了謝謝大貓！

回复
狮城说道：

2010-11-10 10:01

❗ 呵呵，谢谢猫猫！找了这个也蛮久了

回复
神飞说道：

2011-01-07 18:32

最下面那个看起来像工口的神马意思？

回复
leoysk说道：

2011-11-30 20:13

❗ 不错顺便看看我的头像

回复

发表回复取消回复