博客主页 😞
标签

头像

下的文章

Blog:

火喵博客・日记本
对于JOE主题,使用自定义头像,解决部分评论没有头像的问题
方案一博客使用经常会遇到有的评论没有头像,直接返回显示Gavatar默认的头像,不仅难看的要死,还没办法更改,严重影响美观(比如我这半个强迫症+半个完美主义者),而且joe主题默认判断使用的是qq头像,使用了qq邮箱的Gavatar头像就不会显示了,因此为了解决这个问题,我折腾了好久才解决(主要是不会qaq步骤1对于joe7.x主题定位到主题目录下文件\Joe\core\function.php,查找/* 通过邮箱生成头像地址 */将内容替换成以下:/* 通过邮箱生成头像地址(火喵改) */ function _getAvatarByMail($mail) { $gravatarsUrl = Helper::options()->JCustomAvatarSource ? Helper::options()->JCustomAvatarSource : 'https://gravatar.cooluc.com/avatar/'; $mailLower = strtolower($mail); $md5MailLower = md5($mailLower); $qqMail = str_replace('@qq.com', '', $mailLower); $uri = 'https://cdn.helingqi.com/wavatar/' . $md5MailLower . '?d=404'; $headers = @get_headers($uri); if (preg_match("|200|", $headers[0])) { echo $gravatarsUrl . $md5MailLower . '?d=mm'; } elseif (strstr($mailLower, "qq.com") && is_numeric($qqMail) && strlen($qqMail) < 11 && strlen($qqMail) > 4) { echo 'https://thirdqq.qlogo.cn/g?b=qq&nk=' . $qqMail . '&s=100'; } else { echo '自定义头像地址'; } }建议将之前的内容注释掉,不要删除。步骤2定位到主题目录下文件\Joe\core\core.php,查找/* 通过邮箱生成头像地址 */将内容替换成以下:/* 通过邮箱生成头像地址(火喵改) */ function _getAvatarUrlByMail($mail) { $gravatarsUrl = Helper::options()->JCustomAvatarSource ? Helper::options()->JCustomAvatarSource : 'https://gravatar.cooluc.com/avatar/'; $mailLower = strtolower($mail); $md5MailLower = md5($mailLower); $qqMail = str_replace('@qq.com', '', $mailLower); $uri = $gravatarsUrl . $md5MailLower . '?d=404'; $headers = @get_headers($uri); if (preg_match("|200|", $headers[0])) { return $gravatarsUrl . $md5MailLower . '?d=mm'; } elseif (strstr($mailLower, "qq.com") && is_numeric($qqMail) && strlen($qqMail) < 11 && strlen($qqMail) > 4) { return 'https://thirdqq.qlogo.cn/g?b=qq&nk=' . $qqMail . '&s=100'; } else { return '自定义头像地址https://cat.dorcandy.cn/000pages/api/api-mc.php'; } }保存好刷新查看效果。其他有的主题版本在core.php中无法找到关键词,找不到就直接跳过,无需修改文件即可。简单的原理就是,依据邮箱去查找是否存在头像,如果不存在会返回状态码404,依据状态码的不同来判断。但是我这样设置完,网站加载变得异常迟钝,不知道原因所在,希望有大佬赐教,感谢。图片地址可以使用api地址,譬如火喵博客的MC酱API。可以尝试使用随机函数,比如'images/'.rand(1,5).'.jpg'方案二方案一虽然完美,但是使用此方法会被发送大量的请求,如果页面的头像数据多,会导致网站相应及其缓慢,我都受不了了,于是想到了一个新的方案——使用onerror事件对于joe7.x主题定位到主题目录下文件\Joe\core\function.php,查找/* 通过邮箱生成头像地址 */将内容echo $gravatarsUrl . $md5MailLower . '?d=mm';替换成echo $gravatarsUrl . $md5MailLower . '?d=404';(没错就是把mm改成404)在主题设置——全局设置——自定义JS中,填入:/* 头像替换 */ function imgerrorfun(){ var img=event.srcElement; img.src="替换的头像地址"; img.onerror=null; }然后在主题文件——Joe/public/comment.php中,查找<img width="48" height="48"----------将其改为<img onerror="imgerrorfun();" width="48" height="48"----------没错就是中间加了个onerror="imgerrorfun();"同理在主题文件——Joe/public/aside.php中,查找<img width="40" height="40" class="avatar lazyload" src="<?php _getAvatarLazyload(); ?>" data-src="<?php _getAvatarByMail($item->mail) ?>" alt="<?php $item->author(false) ?>" />同样将其改为<img onerror="imgerrorfun();" width="40" height="40"----------如遇到没显示的地方,如法炮制即可。方案三通过查看Gavatar文档,我们发现官方有一个可用的方案:因此,我们可以将最后的代码部分修改成诸如此类的便可:else { echo $gravatarsUrl . $md5MailLower . '?d=https%3A%2F%2Fcat.dorcandy.cn%2logo'; }方案四(仅参考)推荐使用方案二,方案三仅仅是一个思路,就是将img标签改为div,并使用background-image来叠加两张图片来显示效果。因为404的图片在background-image下会不显示,直接显示下一张图。但是遇到了有的邮箱是透明png,这样的话显示就重叠了,无法达到效果,因此舍弃。方案五(11月5日追加)现在推荐使用 Cravatar - 互联网公共头像服务 ,一步到位。
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 本站已运行 2 年 202 天 13 小时 57 分 51统计 百度统计 自豪地使用 Typecho 建站,并搭配 MyDiary 主题 Copyright © 2020 ~ 2022. 火喵博客・日记本 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活