开发者社区> 范大脚脚> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

gravatar配置和使用【让你的网站使用全球通用头像】

简介:
+关注继续查看

前言

  我们在很多博客或者网站留言,评论的时候会看到有的人头像很酷很个性化,但是这个博客和网站本身并没有提供设置头像的功能,感觉有点神奇,那么是怎么做到的呢?其实这是使用了Gravatar。

  

  Gravatar是Globally Recognized Avatar的缩写,是gravatar推出的一项服务,意为“全球通用头像”。如果在Gravatar的服务器上放置了你自己的头像,那么在任何支持 Gravatar的blog或者留言本上留言时,只要提供你与这个头像关联的email地址,就能够显示出你的Gravatar头像来。

  如果你使用过wordpress,那你对Gravatar肯定不会陌生,如果你对Gravatar不是很熟悉,在自己的个站中加入Gravatar可能会有些不知所措,刚开始配置的时候网上找了相关资料,但是都是些关于Gravatar介绍的东西,最后还在其官网上找到相关东西(当然是google翻译过来的,哈哈),其实很简单,我们细细道来。

注册

  如果在自己的个人加入Gravatar,其实不需要注册,只不过回复的时候要显示自己的头像,还是要注册一个属于自己的个性头像,官网:http://en.gravatar.com

  打开注册页面,会发现域名变成wordpress了,网上说wordpress是Gravatar的爹,肯定是有些关系。

  注册只需要邮箱和用户名就行了,注册成功后,我们进入个人中心,我们可以添加邮箱和头像,一个邮箱可以传多个头像,但是一个邮箱只能对应一个头像。

  上传完头像后,会看到一个等级选项,本人英语很烂,大家可以翻译一下看下,大概的意思是头像安全等级,这个选择后可能在审核的时候会用到,我们上传默认会是g,这个在引用图片的时候也会用到。

  • g: suitable for display on all websites with any audience type.
  • pg: may contain rude gestures, provocatively dressed individuals, the lesser swear words, or mild violence.
  • r: may contain such things as harsh profanity, intense violence, nudity, or hard drug use.
  • x: may contain hardcore sexual imagery or extremely disturbing violence.

使用

  在个人中心有个Link,我们点开就可以看到刚才上传的头像地址。

  http://www.gravatar.com/avatar/aae1e25f99469f5c616f77b2c7682e9d.png,aae1e25f99469f5c616f77b2c7682e9d是个哈希值,看到这里大家可能就清楚了,为什么回复的时候要填写邮箱,就是要生成一个哈希值,对应一个头像,因为邮箱是唯一,所有对应的头像也是唯一的,我们可以在自己的个站这样编写代码:

1      string hash = System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile("624541997@qq.com", "md5");
2      string imageUrl = string.Format(@"http://www.gravatar.com/avatar/{0}?s={1}&d=mm&r=g", hash.ToLower(), "100");
3      Image1.ImageUrl = imageUrl;

  其实使用就这么简单,这边需要注意的是生成的哈希值是大写的,因为gravatar邮箱生成哈希值是小写,所有要hash.ToLower()转成小写。

  在链接后面有几个参数,这边说明下:s是大小的意思,r就是我们上面说的等级,参数一般是g。

  关于d有几个选项:

  • 404: do not load any image if none is associated with the email hash, instead return an HTTP 404 (File Not Found) response
  • mm: (mystery-man) a simple, cartoon-style silhouetted outline of a person (does not vary by email hash)
  • identicon: a geometric pattern based on an email hash
  • monsterid: a generated 'monster' with different colors, faces, etc
  • wavatar: generated faces with differing features and backgrounds
  • retro: awesome generated, 8-bit arcade-style pixelated faces
  • blank: a transparent PNG image (border added to HTML below for demonstration purposes)

               

  关于这几个选项就不多说,大家可以翻译看下,除了404、mm和blank其他几种都是随机的,这个一般是在找不到图片的情况下才会出现,比如地址错误找不到图片,就会显示默认的,根据d的参数显示相应图片。我们做个测试看下效果:

复制代码
1         <asp:Image ID="Image2" runat="server" ImageUrl="http://www.gravatar.com/avatar/aae1e25f99469f5c616f777e9d?d=wavatar&s=40" />url:http://www.gravatar.com/avatar/aae1e25f99469f5c616f777e9d?d=wavatar&s=40 <br />
2         <asp:Image ID="Image3" runat="server" ImageUrl="http://www.gravatar.com/avatar/aae1e25f99469f5c616f7e9d?d=wavatar&s=40" />url:http://www.gravatar.com/avatar/aae1e25f99469f5c616f7e9d?d=wavatar&s=40 <br />
3         <asp:Image ID="Image4" runat="server" ImageUrl="http://www.gravatar.com/avatar/aae1e25f99469f5c616f777d?d=wavatar&s=40" />url:http://www.gravatar.com/avatar/aae1e25f99469f5c616f777d?d=wavatar&s=40 <br />
4         <asp:Image ID="Image5" runat="server" ImageUrl="http://www.gravatar.com/avatar/aae1e25f99469f5c616f777?d=wavatar&s=40" />url:http://www.gravatar.com/avatar/aae1e25f99469f5c616f777?d=wavatar&s=40 <br />
复制代码

  运行效果:

  我选取的是avatar参数,可以看到url的不同找不到图片会随机生成一个图片,当然其他几个参数也是一样,这个可以用在没有回复的时候没有输入邮箱或是输入邮箱找不到对应图片,可以使用其随机图片。


本文转自田园里的蟋蟀博客园博客,原文链接:http://www.cnblogs.com/xishuai/p/3611398.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
曝光!!!EduSoho盗取阿里云点播直播短信插件劣质开发者,选择前看清
曝光!!!EduSoho盗取阿里云点播直播短信插件劣质开发者,选择前看清
4 0
证照之星XE7.0个人免费版证件照片制作软件功能
证照之星XE 简介证照之星 是国内专业的证件照片制作软件,具有一键裁剪, 智能背景替换,批量制作、内置证照规格的四大优势。全新的证照之星XE版本内置500+证件照规格,100套服装素材,新增AI算法,一键处理更智能,轻松将生活照变成证件照。
0 0
Hugo 网站优化(7): 把我图床搬到又拍云 (upyun) 了, 开始水印防盗
Hugo 网站优化(7): 把我图床搬到又拍云 (upyun) 了, 开始水印防盗
0 0
自制一个可爱的 社交门户网站 的用户等级表
等级 称号 所需经验值 总经验 0 出生平民1.0 0 0 1 出生平民2.0 1 1 2 出生平民3.
1884 0
【对讲机的那点事】业余电台执照样式参考
为便于各方面了解业余无线电台执照的样式,小编整理了一些业余电台执照样式示意图,仅供参考。 业余电台执照应当载明的内容应符合工信部无[2013]43号《工业和信息化部关于实施若干事项的通知》第十条的要求。
1091 0
[公告]校内网好友买卖在线挂机站点关闭
一个多月前,我就宣布退出学校的ACM集训队。现在学院的ACM服务器要转接给下一批新人了,呵呵。以后那台服务器我就没有使用权了。而我自己也没那个金钱和实力去租借服务器和购买域名。因此我只能很遗憾地宣告大家,校内网好友买卖在线挂机站点将于11月06日00时正式关闭。多谢各位这些天的热心支持!   后记:挂机客户端程序的源代码已经放到我的Google Sites上,大家可以去下载。https:/
901 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
阿里小号隐私保护
立即下载
看域名行业如何变身“八爪鱼”
立即下载
“域”感 ——《域名投资从入门到精通》
立即下载