Typecho评论区美化：鼠标悬停显示用户等级与身份卡片

把鼠标移到评论区头像上，看看谁是「达人」、谁是「萌新」~

这是我写的一个小插件，如果你也在用 Typecho 写博客，欢迎试试这个小玩意，给评论区加点互动乐趣。

1. 下载地址:

CommenterCard下载

鼠标悬停显示用户等级与身份卡片

演示/评论区也可以看到

🛠️ 它能干啥

一句话介绍：当鼠标悬停在评论区的头像上时，会弹出一张包含丰富信息的小卡片。

卡片上会显示以下内容：

• 等级标签 — 根据评论次数自动给头衔（萌新 → 活跃 → 元老 → 话痨 → 传说）
• IP 属地 — 只显示省份，如 "IP: 广东"
• 最近互动 — 这人最近在你站留了什么言
• 最新文章 — 对方填了网址的，自动抓取 RSS 显示最近文章
• 在线状态 — 检测对方博客能否打开，绿点在线灰点离线
• 博主标识 — 后台填上邮箱，自己的评论显示 forum.svg 图标
  

  - 新增在线人数 — 页面底部显示当前在线人数，点击看详细
  

📦 安装方法

1. 将整个 CommenterCard 文件夹上传至博客根目录下的 usr/plugins/ 目录
2. 登录后台，进入「控制台」→「插件」，找到并启用本插件
3. 点击「设置」，根据你的需求进行简单配置即可

⚙️ 后台配置说明

等级称号规则
默认规则如下：
0,访客
10,落座
50,熟客
100,故友
200,知己

你可以自由修改这些规则，格式为 评论数,称号，一行一条。比如你觉得「知己」不好听，改成「社交达人」也完全没问题 😂

卡片背景图片 URL(新版已去除)
内置了一张牛皮纸色背景图，柔和暖色调，会覆盖整张卡片背景。如果你想用自己的图片，直接填入图片地址替换即可。

背景图透明度(新版已去除)
默认值为 15。数字越大图片越明显，建议在 10~30 之间调整，既能看到背景图，又不会遮挡文字内容。

博主邮箱
填入你的邮箱地址（需与你在博客中使用的邮箱一致），这样你的评论就会自动显示蓝色的「博主」标签。

缓存策略

后端文件缓存（ip.php 自动处理）：

前端 localStorage 缓存（card.js 自动处理）：

在线检测原理

向用户填写的网址发起 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 或者有新的功能想法，欢迎留言告诉我！