博客主页 🍚
标签

Valine

下的文章

Count:

计 1 篇
262
Valine-实现QQ邮箱识别生成头像地址(完美解决头像问题)
2020-03-22
分类: 📝HEXO
简介:无意中发现的小方法,超级棒,解决了火喵多年苦于有的人没头像的困境,开心~ 分享给大家!前言WordPress sakura版本中,Mashiro大佬是添加了QQ邮箱识别生成头像地址的功能的,但是hojun大佬移植时没有注意这个功能哦!参考了其他版本评论系统对头像的处理方法:Typecho实现QQ邮箱识别生成头像地址获得两个接口?,美滋滋:一个是QQ头像的,一个是Gravatar国内源,它们的调用方式如下。QQ头像 http://q1.qlogo.cn/g?b=qq&nk=QQ号&s=100Gravatar头像 http://cdn.v2ex.com/gravatar/md5加密后的邮箱?s=100以上就是两个头像接口的信息,值得注意的是Gravatar后面的s分辨率参数可以随意定义,而QQ不行,QQ只有几个有限的分辨率,比如100,200,640,其它的数字会报400错误,所以QQ的s参数更像是一种清晰度,宽高还是通过css定义比较好。我的启示是:获取邮箱判断是否为qq邮箱提取qq号将valine中的头像地址改为上述接口地址此时,我觉得想法的实现流程非常缜密,感到可行,开心到飞起~ let me do it!F12查看源码–发现valine中显示头像的相关代码是:(关键标签:vimg)再以我ctrl+F快速查找的本领(关键词:vimg),不负众望,在Valine.min.js中找到首先我们要知道:valine的头像处理接口是gravator拼接头像地址并显示的关键步骤:ok,找到源头,替换src的内容即可。<img class="vimg" src="'+(m.cdn+a(e.get("mail"))+m.params)+'">正式开干!示例修改valine.min.js下载Valine.min.js到本地themes\sakura\source\js\Valine.min.js修改引入本地的Valine我的引入位置在:themes\sakura\layout\_partial\comment.ejs如果你是在footer.ejs,注意相对路径只有一个点打开Valine.min.js,ctrl+F快速查找关键词:m.cdn+a(e.get("mail"))+m.params定位到:稍加换行如图所示:修改前:C=function(e,n,r){ var i=u.create("div",{class:"vcard",id:e.id}),o=m.hide?"":'<img class="vimg" src="'+(m.cdn+a(e.get("mail"))+m.params)+'">',修改后:其实关键代码就这一点点~ QAQ var C=function(e,n,r){ var qq_img=m.cdn+a(e.get("mail"))+m.params;//默认gravator头像接口 if(e.get("mail").indexOf("@qq.com") >= 0){ var prefix = e.get("mail").replace(/@.*/, "");//前缀 var pattern=/^\d+$/g; //正则表达式,数字 var result= prefix.match(pattern);//match 是匹配的意思 if(result!==null){ qq_img = "//q1.qlogo.cn/g?b=qq&nk="+ prefix +"&s=100"; } } var i=u.create("div",{class:"vcard",id:e.id}),o=m.hide?"":'<img class="vimg" src="'+ (qq_img)+'">',流程:默认还是gravator头像接口判断是否是qq邮箱,提取前缀prefixqq头像接口是qq号,如正则筛选剔除–重命名了带英文的qq邮箱拼接头像地址加入src显示!效果哈哈哈,如果有其他邮箱头像接口,都可以同理加上哦!都说博客的 评论模块 和 消息通知模块 是最难的,为了花式DIY评论区,效果自己也比较满意吧。补充:https://s.p.qq.com/pub/get_face?img_type=3&uin=你的QQ号https://ptlogin2.qq.com/getface?&imgtype=1&uin=你的QQ号
博客主页 火喵博客・日记本 经为流逝的日月,纬为人们的生业 51统计 百度统计 🌸
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 十年之约 2 年 326 天 11 小时 20 分 🌸 本站由 Typecho 建站,并搭配自制 MyDiary 主题 Copyright © 2009 ~ 2023. 火喵酱 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 打赏图
    打赏博主
    欢迎
    欢迎
    欢迎访问火喵博客・日记本
    欢迎来看望喵喵!