本篇文章纯搬运 左岸大佬 的教程,之所以搬运也是为了记录下过程,也便于以后时间长了还能再参考着折腾(没办法,文章写不出来多少,折腾这些东西无用的却是十分的来劲)废话不多说,赶紧码字+拷贝记录下来。

由于目前我用的是Mirages主题,所以接下来也按这个主题来:

  1. 将下面的样式表外链加入到/usr/themes/Mirages/component/header.phphead部分,当然也可通过主题设置界面添加,这里建议大伙把css中的图片下载到本地,以便将来…………。
<link rel="stylesheet" href="//cdn.zrahh.com/css/comment-ua.css">

typecho_ua.png

  1. 将以下代码加入到/usr/themes/Mirages/function.php末尾
// 获取浏览器信息
function getBrowser($agent)
{ if (preg_match('/MSIE\s([^\s|;]+)/i', $agent, $regs)) { $outputer = '<i class="ua-icon icon-ie"></i>  Internet Explore'; } else if (preg_match('/FireFox\/([^\s]+)/i', $agent, $regs)) { $str1 = explode('Firefox/', $regs[0]);
$FireFox_vern = explode('.', $str1[1]); $outputer = '<i class="ua-icon icon-firefox"></i>  FireFox'; } else if (preg_match('/Maxthon([\d]*)\/([^\s]+)/i', $agent, $regs)) { $str1 = explode('Maxthon/', $agent);
$Maxthon_vern = explode('.', $str1[1]); $outputer = '<i class="ua-icon icon-edge"></i>  MicroSoft Edge'; } else if (preg_match('#360([a-zA-Z0-9.]+)#i', $agent, $regs)) {
$outputer = '<i class="ua-icon icon-360"></i>  360极速浏览器'; } else if (preg_match('/Edge([\d]*)\/([^\s]+)/i', $agent, $regs)) { $str1 = explode('Edge/', $regs[0]);
$Edge_vern = explode('.', $str1[1]); $outputer = '<i class="ua-icon icon-edge"></i>  MicroSoft Edge'; } else if (preg_match('/UC/i', $agent)) { $str1 = explode('rowser/', $agent);
$UCBrowser_vern = explode('.', $str1[1]); $outputer = '<i class="ua-icon icon-uc"></i>  UC浏览器'; } else if (preg_match('/QQ/i', $agent, $regs)||preg_match('/QQBrowser\/([^\s]+)/i', $agent, $regs)) { $str1 = explode('rowser/', $agent);
$QQ_vern = explode('.', $str1[1]); $outputer = '<i class= "ua-icon icon-qq"></i>  QQ浏览器'; } else if (preg_match('/UBrowser/i', $agent, $regs)) { $str1 = explode('rowser/', $agent);
$UCBrowser_vern = explode('.', $str1[1]); $outputer = '<i class="ua-icon icon-uc"></i>  UC浏览器'; } else if (preg_match('/Opera[\s|\/]([^\s]+)/i', $agent, $regs)) { $outputer = '<i class= "ua-icon icon-opera"></i>  Opera'; } else if (preg_match('/Chrome([\d]*)\/([^\s]+)/i', $agent, $regs)) {
$str1 = explode('Chrome/', $agent);
$chrome_vern = explode('.', $str1[1]); $outputer = '<i class="ua-icon icon-chrome"></i>  Google Chrome'; } else if (preg_match('/safari\/([^\s]+)/i', $agent, $regs)) { $str1 = explode('Version/', $agent);
$safari_vern = explode('.', $str1[1]); $outputer = '<i class="ua-icon icon-safari"></i>  Safari'; } else{ $outputer = '<i class="ua-icon icon-chrome"></i>  Google Chrome'; } echo $outputer;
}
// 获取操作系统信息
function getOs($agent)
{ $os = false; if (preg_match('/win/i', $agent)) { if (preg_match('/nt 6.0/i', $agent)) { $os = '  <i class= "ua-icon icon-win1"></i>  Windows Vista / '; } else if (preg_match('/nt 6.1/i', $agent)) { $os = '  <i class= "ua-icon icon-win1"></i>  Windows 7 / '; } else if (preg_match('/nt 6.2/i', $agent)) { $os = '  <i class="ua-icon icon-win2"></i>  Windows 8 / '; } else if(preg_match('/nt 6.3/i', $agent)) { $os = '  <i class= "ua-icon icon-win2"></i>  Windows 8.1 / '; } else if(preg_match('/nt 5.1/i', $agent)) { $os = '  <i class="ua-icon icon-win1"></i>  Windows XP / '; } else if (preg_match('/nt 10.0/i', $agent)) { $os = '  <i class="ua-icon icon-win2"></i>  Windows 10 / '; } else{ $os = '  <i class="ua-icon icon-win2"></i>  Windows X64 / '; } } else if (preg_match('/android/i', $agent)) { if (preg_match('/android 9/i', $agent)) { $os = '  <i class="ua-icon icon-android"></i>  Android Pie / '; } else if (preg_match('/android 8/i', $agent)) { $os = '  <i class="ua-icon icon-android"></i>  Android Oreo / '; } else{ $os = '  <i class="ua-icon icon-android"></i>  Android / '; } } else if (preg_match('/ubuntu/i', $agent)) { $os = '  <i class="ua-icon icon-ubuntu"></i>  Ubuntu / '; } else if (preg_match('/linux/i', $agent)) { $os = '  <i class= "ua-icon icon-linux"></i>  Linux / '; } else if (preg_match('/iPhone/i', $agent)) { $os = '  <i class="ua-icon icon-apple"></i>  iPhone / '; } else if (preg_match('/mac/i', $agent)) { $os = '  <i class="ua-icon icon-mac"></i>  MacOS / '; }else if (preg_match('/fusion/i', $agent)) { $os = '  <i class="ua-icon icon-android"></i>  Android / '; } else { $os = '  <i class="ua-icon icon-linux"></i>  Linux / '; } echo $os;
}
  1. 将以下代码添加到/usr/themes/Mirages/lib/comments.php122行所在的div
<span class="comment-ua"> <?php getOs($this->agent); ?> <?php getBrowser($this->agent); ?>
</span>

本文部分内容转载自 LOGI ,如果你有缘看到这篇文章,也去踩踩他的博客吧。