评论列表中增加Gravatar头像展示

今天去 Evance 的博客逛的时候,发现自己的头像可以显示了,突然“心血来潮”,想要在博客的评论列表中加入Gravatar(个人全球统一标识)的头像展示功能,于是便把博客程序的博客功能和评论列表布局都大改了一遍。

增加 Gravatar 还算简单,它是以 Email 地址作为唯一标识符来识别头像的。

基本格式:http://www.gravatar.com/avatar/32位MD5加密后的Email地址?d=默认图片地址(必须经过URL转码)&s=头像大小(单位:px)&r=头像等级(G 普通级、PG 辅导级、R 和 X 为限制级,一般为G)

把上面的地址经过处理后作为图片地址加入到<img>标签内就可以了,这样基于自己的博客程序的 Gravatar 头像展示功能就做好了。

除止之外,评论列表的布局也进行了改动:取消了原来使用<ol><li></li></ol>这样的有序列表标签进行布局,而是使用<div>标签来进行布局。因为用有序列表标签的话,我实在没办法控制好CSS样式。

提交评论后的显示方式也进行了改动,之前是使用JS的方式实现不刷新页面显示提交后的评论数据,但由于JS回显对有HTML格式的内容支持的不是很好,所以便改为了使用AJAX调用回显的方法来实现这个功能。

改动的时候还发现了几个小问题,原来JS保存Cookie的代码一直没有使用。这次改动还算顺利,虽然用了中午的时间,但改动后的效果还算不错。

评论列表中增加Gravatar头像展示》上有 3 条评论

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">