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 是控制图片的显示级别,不设置亦可)。

长河

在曾经的博客时代,是“首个桥隧工程领域独立博主”,目前是一名默默耕耘的普通高校教师。一家之言,仅供参考,未必成熟、绝不权威。

相关推荐

无端遭到Google惩罚

今早打开我的博客,突然发现FF上的Google工具条显示我的PR=0!一开始还以为看错了,或者是缓存的问题,刷新+稍等片刻,依然没有效果。我的pr被清零啦?稍后在一些pr查询网站上,终于确认了这一点。

纪实:成功完成从ZB到WP的转移

刚刚看过奥巴马宣誓就职的新闻——西方人说这是一个里程碑;伴随着CCTV里全国各地迎新年热烈景象报道——牛年更牛,成为东方人心中共同的期盼。对我而言,无论是牛是马都不重要,重要的是,终于完成了博客程序从Zblog到WordPress的转变。

关于知识整合计划

这是一个由来已久的想法,即通过博客把土木工程相关知识梳理一遍,汇总成一个相对完整的知识系统。这首先是必要,而且 ...

WordPress › 错误