Typecho 评论显示 UserAgent

本篇文章实现了为 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.php 中 122 行所在的 div 中。

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

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

效果如下

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

本文《Typecho 评论显示 UserAgent》版权由月下读心所有，任何人未经本人允许禁止转载。
如已授权转载，转载请备注文章来源链接：https://nianshaoke.cn/archives/256