阿里云服务器

 你想让自己的博客评论后显示自己独特的头像吗?只需要简单的几步就可以完成。

 这个功能其实很简单,效果确非常好,你只需要在你博客主题的评论模板上添加一段调用gravatar头像的代码就可以了。zblog的评论显示头像的模板文件就是b_article_comment.html

把下面代码加到你想要显示头像的位置。

<img alt="Gravatar Icon" src="https://www.gravatar.com/avatar.php?
gravatar_id=<#article/comment/emailmd5#>"/> 

首先,登入 Gravatar的网站设置好你要显示的头像 

不知道设置的查看修改zblog,wordpress评论留言图像的显示方法

然后,找到b_article_comment.html 文件,然后将下面的这段代码插入你想添加头像的位置。然后文件重建即可。

代码:

<img alt="Gravatar Icon" src="https://www.gravatar.com/avatar.php?
gravatar_id=<#article/comment/emailmd5#>"/>

 

比如我们网站添加的方式:

                        <ol class="commentlist">
<li style="display: block;" class="comment depth-1" id="comment-<#article/comment/count#>">
    <div class="c-floor"><a href="#comment-<#article/comment/count#>"><#article/comment/count#></a></div>

<div class="c-avatar"><img alt="" src="https://www.gravatar.com/avatar/<#article/comment/emailmd5#>?d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Faafaa838988511ab9d5942afddc615a2.png?s=32&s=32&r=g" class="avatar avatar-36 photo" height="36" width="36" /></div>

    <div class="c-main">
        <div class="c-meta"><span class="c-author"><a href="<#article/comment/urlencoder#>" rel="external nofollow" target="_blank"><#article/comment/name#></a></span><#article/comment/posttime#><a class="comment-reply-link" href="#respond" onclick="RevertComment('<#article/comment/id#>')">回复</a></div>
        <#article/comment/content#>
    </div>
</li>
<div style="display:none;" id="divAjaxComment"></div></ol>

 

效果可以看下面的评论。

要想实现这样的效果要满足以下两个条件:

1.你已经在Gravatar 网站上完成电子邮件与头像的绑定,并确认激活。

2.在写评论的时候,必须要要正确填写你的邮件地址。

相关阅读: