MENU

Typecho 评论显示 UserAgent

• March 3, 2020 • Read: 213 • 分享

本篇文章实现了为 Typecho 博客文章评论添加显示 UserAgent(UA)的功能
本功能可替代 UserAgent 插件,更美观、简洁且好看

简介

由于想给博客加一个评论显示 UserAgent 功能,在网上搜寻并尝试了 UserAgent 插件,但是并不如意。一是因为他太过臃肿,虽然几乎可以识别市面上所有的 OS 和浏览器,但是我们常用的也就几个而已,大多数都用不到,二是图标太老旧了,而且清晰度很低,在博客上显得突兀且不美观。

经过寻找发现了 Hakula 大佬的修改版,由于我们使用的主题不同,所以添加的文件也不同,记录下过程,也便于后来者参考。

Hakula 修改版

使用说明

  1. 解压后修改文件夹名为 UserAgent,将插件上传至网站目录的 /usr/plugins
  2. 在 Typecho 后台「插件管理」处启用插件
  3. 在需要显示的地方插入以下代码:
<?php UserAgent_Plugin::render($comments->agent); ?>

以 handsome 主题为例,即添加到 handsome/component/comments.php 文件里的 <span class="comment-author vcard"> ... </span>后面。

对于本主题 Mirages 将以下代码添加到 /usr/themes/Mirages/lib/comments.php122 行所在的 div 中。

需要将上面的 $comments 替换成 $this

<?php UserAgent_Plugin::render($this->agent); ?>

效果如下

UA

修改完后刷新浏览器缓存,现在你的评论 UA 已经变得很漂亮啦! ::quyin:1huaji::

Last Modified: March 31, 2020
Archives QR Code Tip
QR Code for this page
Tipping QR Code
0:00