发新话题
打印

添加Gravatar头像到日志里

添加Gravatar头像到日志里

Gravatar是什么就不介绍了,不知道的人自己用狗狗查.

以前在BLOG中也加过Gravatar的大头照.不过那是改动程序实现的,现在搞了一个不用改程序,只改模板就可以搞定的方法.

打开single.html,在<head>后加入
引用:
<script language="JavaScript" src="<#ZC_BLOG_HOST#>script/md5.js" type="text/javascript"></script>
再打开b_article_comment.html文件,在你认为合适的位置加入
引用:
<script>
  document.write("<img alt='Gravatar Icon' width='48' height='48' src='http://www.gravatar.com/avatar.php?gravatar_id="
  +MD5("<#article/comment/email#>".replace(/\[AT\]/,String.fromCharCode(64)))+"&size=48' />")
</script>
当然也可以再加入
引用:
&default=http%3A%2F%2Fwww.somesite.com%2Fsomeimage.jpg
用来替换没有在Gravatar注册过的人的大头照,这个URL你可以自己指定.

要显示Gravatar的头像必需要提交邮箱地址才行,所以在发表评论是还是不要偷懒,把邮箱打上就好了.

http://www.gravatar.com/implement.php讲的比较详细。

TOP

请问rainbowsoft

当然也可以再加入

QUOTE:
&default=http%3A%2F%2Fwww.somesite.com%2Fsomeimage.jpg

这段代码具体加在哪个位置?我加来加去,怎么都不显示。

TOP

加在&size=48后面,而且那个地址只是示例,最好是自己做一个默认头像

TOP

请问,按照这个方法修改了,但是头像没有显示出来啊。怎么回事

TOP

问题解决咯。

TOP

我修改后怎么不显示头像?在Gravatar已注册过和未注册过的都不显示。

具体请看http://www.cetu.cn/blog/post/Beijing-Normal-University.html#cmt2

请高人指点

我修改后的 b_article_comment.html 文件如下:

<code>
<ul class="msg">
  <li class="msgname"><a onclick="InsertQuote(this.parentNode.parentNode.getElementsByTagName('a')[2].innerHTML,this.parentNode.parentNode.getElementsByTagName('li')[2].innerHTML);return false;" href=""><img src="<#ZC_BLOG_HOST#>image/common/quote.gif" height="9" width="9" alt="quote" title="quote" /></a> <a name="cmt<#article/comment/id#>"><#article/comment/count#></a>.<a href="mailto:<#article/comment/email#>" onclick="this.href=(this.href).replace(/\[AT\]/,String.fromCharCode(64));"><#article/comment/name#></a></li>
  <li class="msgurl"><a href="<#article/comment/url#>" rel="nofollow" target="_blank"><#article/comment/url#></a></li>
  <li class="msgarticle">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="50"><script>
  document.write("<img alt='Gravatar Icon' width='48' height='48' src='http://www.gravatar.com/avatar.php?gravatar_id="+MD5("<#article/comment/email#>".replace(/\[AT\]/,String.fromCharCode(64)))+"&size=48&default=http%3A%2F%2Fwww.cetu.cn%2Fimaes%2Fcetu.png' />")
</script></td>
        <td><#article/comment/content#></td>
      </tr>
    </table>
  </li>
  <li class="msgtime"><#article/comment/posttime#></li>
</ul>
</code>

TOP

发新话题