一宇博客致力创造一个高质量网络资源教程的综合分享平台
广告位 后台主题配置管理

网站首页 Typecho 教程 正文

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

一宇A1xt 2020-09-03 教程 137 ℃ 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.后台的调用方式简要说明和实现方法。

具体的方式很简单,在一个全局文件,比如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。

Tags:typechoQQ邮箱识别头像

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
  • 特大暴雪预报已经出现,南方是否会雪灾?两省或有极端化趋势
  • 男童扔鞭炮炸飞5个井盖,母亲受伤送医
  • 打工人返乡过年破防瞬间:孩子夜幕中打着手电筒狂奔迎接
  • 什么是盲盒交友,日入十万是真的吗?
  • Win11怎样强制开启毛玻璃横向排列
  • H5漂流瓶交友源码 社交漂流瓶H5源码 附安装教程
  • 2021美国奇幻冒险《超能敢死队》HD1080P.中英双字
  • 关于goto在线解密源码问题
  • 全新防黑运营版在线客服系统源码 自助注册客服系统/im即时通讯聊天/多商户机器人
  • 学法减分小程序2021最新可用可运营源码附带安装教程
  • 标签列表
  • hide (50)
  • 微信 (8)
  • 模板 (21)
  • 代码 (36)
  • typecho (131)
  • 样式 (11)
  • 页面 (24)
  • 图片 (25)
  • wordpress (10)
  • 文章 (36)
  • 目录 (12)
  • 后台 (12)
  • 浏览器 (9)
  • 链接 (10)
  • 分类 (12)
  • 归档 (14)
  • pjax (11)
  • 设置 (10)
  • 支持 (9)
  • 缩略图 (9)
  • 特性 (10)
  • 主题 (32)
  • 全站 (7)
  • 评论 (11)
  • typecho插件 (21)
  • 最新留言
    站点信息
    • 文章总数:933
    • 页面总数:11
    • 分类总数:28
    • 标签总数:927
    • 评论总数:182
    • 浏览总数:102473
    请先 登录 再评论,若不是会员请先 注册