Zblog安装Gravatar头像系统的方法
长河第一次知道Gravatar，还是在sinoblog的留言系统中，每一位留言的朋友都拥有自己的个性头像，效果很好。长河一直希望在blog中拥有论坛一样的交流体验，同时又能避免论坛注册的麻烦和积分的束缚，这是一个博客提升档次的重要表现，毕竟长河还算不上一个自恋的人，不喜欢搞那些“我的地盘我做主”之类的活动——通过交流增长知识、获得灵感才是清溪长河博客的宗旨所在。
在国外已经很成熟的WordPress博客系统中，已经有很多中插件可以实现“将博客转变成论坛”之功能了，可清溪长河使用的Zblog系统由于生成纯静态网页（这也是我选择它的主要原因），实现那样的动态效果有些困难。于是，Gravatar便成为我的一个折中的解决办法。
什么是Gravatar？
Gravatar是国际上流行的一种网络服务，网址是http://en.gravatar.com/，用途在于提供“与邮箱绑定的通用头像”。即，Gravatar的注册用户，在支持其服务的网站上留言，只需输入邮箱，就会显示出用户绑定的自定义个性头像图片。
使用Gravatar的好处有哪些？
第一就是个性十足，我想这就不必我多讲了；第二，可以作为用户在参与网站活动的身份标识，即便是用户名相同，只要绑定的邮箱不同，头像也就不同。
Gravatar会暴露我的邮箱地址么？
不会，因为Gravatar使用MD5加密的方法保护邮箱地址，所以请相信，使用头像系统不会暴露您的隐私。补充一点，在清溪长河留言的许多朋友，没有注意保护自己的邮箱地址。邮箱地址也是个人隐私的一部分，给长河留下联系方式时，只需要在留言区“邮箱”输入框中输入就可以了，不需要在留言正文中写下邮箱地址，我会看到的。邮箱地址的过度暴露，容易招致数以万计的垃圾邮件纷至沓来，后果可想而知（尤其对使用Gmail的朋友们而言）。
什么样的图片可以用作头像？
这是我使用Gravatar的重要原因，虽然原则上任何图片都可以作为头像使用，不过Gravatar的管理员会根据图片的性质进行人工分类（类似于电影的分级），内容不雅的图片是不会被通过的——这点很重要，河蟹不好吃 O(∩_∩)O~
好了，说了那么多，该整正经的啦：zblog中如何安装Gravatar呢？
1.修改Zblog模板中b_article_comment.html页面代码，在你认为合适的地方加入：
<img class="avatar" alt="还没有绑定邮箱的头像？赶紧到Gravatar.com去申请吧！" border="0" src="http://www.gravatar.com/avatar.php?gravatar_id=<#article/comment/emailmd5#>" />
2.修改CSS文件（不同的皮肤，文件名不一样），增加avatar的部分，长河的CSS设置如下所示，仅供参考。
.avatar { background-repeat:no-repeat; float:right; height:80px; width:80px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; margin-top: -1px; margin-right: 5px; margin-bottom: 1px; margin-left: 1px; }
如果其他问题，欢迎与我联系，展开讨论。在这里顺便祝大家假日愉快！
———————————————————————————————
感谢Palfans在思路上的提示，长河终于实现了在“回复留言”区域也添加头像的想法。
头像部分，加上默认头像：
<img class="avatar" src="http://www.gravatar.com/avatar.php?gravatar_id=<#article/comment/emailmd5#>&default=http%3A%2F%2Fwww.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536" alt="Gravatar头像" border="0"/>
在c_function.asp的约704行，找到如下代码：
strContent= objRegExp.Replace(strContent,"<blockquote><div class=""quote quote3""><div class=""quote-title"">$2</div>$4</div></blockquote>")
修改为：
strContent= objRegExp.Replace(strContent,"<blockquote><img class=""avatar"" src=""http://www.gravatar.com/avatar/2334cfb5f3adee88c5c810b4a64d49cc?s=80&r=g"" alt=""Gravatar头像""/><div class=""quote quote3""><div class=""quote-title"">$2</div>$4</div></blockquote>")
说明：这里直接插入了长河的头像，是由于每次“回复留言”的时候若都要输入邮箱，的确麻烦了一些。况且目前清溪长河设置成只有注册用户才能回复，故而也无大影响。回复部分和留言部分的CSS可以定为不同的效果，不过我在这里公用罢了。
若有朋友希望减少头像载入时间，可以尝试在b_article_comment.html中加入<div class="avatar"></div>，在CSS中，定义avatar的背景图像为avatar头像地址即可。不过此时，头像大小就要通过图片地址后面的“?s=80&r=g”来控制了，比如需要64X64的头像，则修改为?s=64即可（r=g 是控制图片的显示级别，不设置亦可）。
转载请注明源自清溪长河，多谢配合！
原文地址» http://www.10kn.com/135/
孙勇，哈尔滨人，东北林业大学土木工程学院，桥梁与隧道工程学科在读硕士研究生。[
已有14 条评论:
这篇文章蓝兔收藏了，以后安装使用Z-Blog的时候用的上，呵呵~~
蓝兔 在1楼说：
18:52
感觉加头像好傻哦，^_^
陌路阑珊 在2楼说：
21:02
我也学习了
小人物的博客 在3楼说：
16:33
好文章啊，以后多搞点这样的东西，对我这样的新手很有用
野地瓜儿 在4楼说：
14:30
我访问Gravatar一直很慢，慢的现在都没弄好头像。
星铃丹 在5楼说：
14:11
看看我的头像
redleaffly 在6楼说：
21:48
RSS友情链接果然很酷！
Rocyhua 在7楼说：
17:34
做个记号，以后也许会用
reiz 在8楼说：
07:22
为什么我这样改了，不行呢？
Palfans 在9楼说：
13:47
呵呵，已经搞定了，谢了。
palfans 在10楼说：
15:24
很不错的方法！
很实用网站 在11楼说：
23:06
我也要玩…
neeke 在12楼说：
15:51
很不错，学习了。我正需要这个功能。
amseo 在13楼说：
17:31
@小人物的博客
你学什么
sylar 在14楼说：
21:02