奇乐网 - 草根博客网站

typecho模板实现QQ邮箱识别,并生成头像地址

admin 179 0

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

typecho调用QQ头像,但是不修改任何核心文件。
关于这个功能其实很早就想过,比如在会员中心新增QQ的字段而已,但是我发现这样会不可避免的修改typecho的内核,那就和网上给出的修改内核实现的QQ头像方案相同了,这是绝对不行的。我博客所有的功能都没有改typecho原本程序的任何方法和接口,用来方便内核升级,那么现在调用QQ头像这个功能,肯定也是不能这样做的,所以我想到的方案也简单,那就是对用户的邮箱进行识别,提取出QQ号,但是对非QQ头像的,则显示Gravatar头像库头像。

教程开始:

1.首先,我准备好了两个接口,一个是QQ头像的,一个是Gravatar国内源,它们的调用方式如下。

QQ头像 http://q1.qlogo.cn/g?b=qq&nk=QQ号&s=100
Gravatar头像 http://cdn.v2ex.com/gravatar/md5加密后的邮箱?s=100

以上就是两个头像接口的信息,值得注意的是Gravatar后面的s分辨率参数可以随意定义,而QQ不行,QQ只有几个有限的分辨率,比如100,200,640,其它的数字会报400错误,所以QQ的s参数更像是一种清晰度,宽高还是通过css定义比较好。

2.实现的主要方法,我在模板function.php里面定义,这等于完全舍弃系统的邮箱输出方法。

/* 对邮箱类型判定,并调用QQ头像的实现 /

function isqq($email){
    if($email){
        if(strpos($email,"@qq.com") !==false){
            $email=str_replace('@qq.com','',$email);
            echo "//q1.qlogo.cn/g?b=qq&nk=".$email."&";
        }else{
            $email= md5($email);
            echo "//cdn.v2ex.com/gravatar/".$email."?";
        }
    }else{
    echo "//cdn.v2ex.com/gravatar/null?";
    }
}

上述代码就是通过isqq方法获取邮箱,并且判断是否为qq邮箱,是则截取qq的部分去和qq的接口组合,不是则md5加密该邮箱和gravatar头像库组合,而s的参数则是用户可以自己在模板里面控制的,所以这里省略。

3.调用方式,也就是头像链接在不同模板中的调用方式。

文章列表及内容页作者头像

<?php isqq($this->author->mail); ?>s=100

评论列表用户头像

<?php isqq($comments->mail); ?>s=100

当前登录用户头像

<?php isqq($this->user->mail); ?>s=100

4.后台的调用方式简要说明和实现方法。

可以参考我的会员中心项目:typecho多用户会员中心功能实现,附项目源码
具体的方式很简单,在一个全局文件,比如admin/header.php,定义一个头像的字段,直接在这个字段对头像进行处理,代码如下。

<script>
var UserPic="<?php $email =$user->mail; if($email){if(strpos($email,'@qq.com') !==false){$email=str_replace('@qq.com','',$email);echo '//q1.qlogo.cn/g?b=qq&nk='.$email.'&';}else{$email= md5($email);echo '//cdn.v2ex.com/gravatar/'.$email.'?';}}else{echo '//cdn.v2ex.com/gravatar/null?';} ?>";
</script>

得到了字段UserPic就简单了,可以在用户个人设置,或者判断页面是否为个人设置页面之后,找到个人设置页面那个头像的img标签的class,在js里面这样写。

var avatar=getElementsClass("profile-avatar")[0];
avatar.setAttribute("src",UserPic+"s=640");
avatar.style.width="220px";

这样,就可以将原本的图片强制变为处理后的图片,而且宽度和原来的一样是220px。
实际效果可以访问规则之树会员中心看看

然后,也可以评论这篇文章试试我博客QQ头像的调用效果。
著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:不暇
链接:https://www.ruletree.club/archives/1087/
来源:https://www.ruletree.club/

评论列表 (已有0条评论)

消灭零回复

发表评论 (已有0条评论)