把鼠标移到评论区头像上,看看谁是「达人」、谁是「萌新」~
这是我写的一个小插件,如果你也在用 Typecho 写博客,欢迎试试这个小玩意,给评论区加点互动乐趣。
1. 下载地址:
演示/评论区也可以看到
🛠️ 它能干啥
一句话介绍:当鼠标悬停在评论区的头像上时,会弹出一张包含丰富信息的小卡片。
卡片上会显示以下内容:
- 等级标签 — 根据评论次数自动给头衔(萌新 → 活跃 → 元老 → 话痨 → 传说)
- IP 属地 — 只显示省份,如 "IP: 广东"
- 最近互动 — 这人最近在你站留了什么言
- 最新文章 — 对方填了网址的,自动抓取 RSS 显示最近文章
- 在线状态 — 检测对方博客能否打开,绿点在线灰点离线
- 博主标识 — 后台填上邮箱,自己的评论显示 forum.svg 图标
- 新增在线人数 — 页面底部显示当前在线人数,点击看详细
📦 安装方法
- 将整个 CommenterCard 文件夹上传至博客根目录下的 usr/plugins/ 目录
- 登录后台,进入「控制台」→「插件」,找到并启用本插件
- 点击「设置」,根据你的需求进行简单配置即可
⚙️ 后台配置说明
等级称号规则
默认规则如下:
0,访客
10,落座
50,熟客
100,故友
200,知己
你可以自由修改这些规则,格式为 评论数,称号,一行一条。比如你觉得「知己」不好听,改成「社交达人」也完全没问题 😂
卡片背景图片 URL(新版已去除)
内置了一张牛皮纸色背景图,柔和暖色调,会覆盖整张卡片背景。如果你想用自己的图片,直接填入图片地址替换即可。
背景图透明度(新版已去除)
默认值为 15。数字越大图片越明显,建议在 10~30 之间调整,既能看到背景图,又不会遮挡文字内容。
博主邮箱
填入你的邮箱地址(需与你在博客中使用的邮箱一致),这样你的评论就会自动显示蓝色的「博主」标签。
缓存策略
后端文件缓存(ip.php 自动处理):
| 接口 | 缓存时长 |
|---|---|
| IP 查询 | 24 小时 |
| 在线检测 | 5 分钟 |
| RSS 抓取 | 6 小时 |
前端 localStorage 缓存(card.js 自动处理):
| 数据 | 缓存时长 |
|---|---|
| IP 属地 | 24 小时 |
| 在线状态 | 5 分钟 |
| 最新文章 | 24 小时 |
在线检测原理
向用户填写的网址发起 GET 请求,状态码 200-399 算在线。如果 GET 失败,再用 HEAD 请求二次确认。超时 8 秒,自动跟随重定向(最多 5 次)。
暗色模式
自动识别主题暗色类名(.dark / body.dark / html[data-theme="dark"] / body[data-theme="dark"] / body.dark-mode),无需手动配置。
注意事项
- 主题评论区头像要有
class="avatar",大部分主题都有 - 服务器需要
curl或file_get_contents支持 - 只会在文章页生效
代理接口会在同级目录自动创建
cache文件夹存缓存文件反馈与交流
如果遇到 Bug 或者有新的功能想法,欢迎留言告诉我!

这个插件有点意思。
谢谢关注~插件对于网站有帮助就很有意思
很方便嘛这个
早上好
看起来不错,查看下面的评论怎么没有效果呢?
后面我改进一下
刷新一下页面
火狐浏览器即使刷新后也是有时候可以查看,有时候就不行。
你再看看,我改进了,是评论区异步加载的问题
做成插件就方便多了,但这个页面中为什么没有呢
现在看看呢,是不是好多了
666啊
之前没有加识别,现在可以了