CommenterCard 评论者信息卡片插件

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

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

1. 下载地址:

CommenterCard下载

演示/评论区也可以看到

评论区卡片演示

🛠️ 它能干啥

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

卡片上会显示以下内容:

  • 🏷 等级称号:根据评论次数自动授予头衔(萌新 → 活跃 → 元老 → 话痨 → 传说)
  • 📍 IP 属地:显示如“IP 广东”的地理位置信息
  • 🙉 最新文章 —— 显示对方最近的三篇文章
  • 💬 最近评论:展示该用户最近发表的一条评论内容
  • 🟢 在线状态:检测对方填写的博客地址是否能正常访问
  • 🔗 一键访问:如果用户填写了网址,卡片上会提供一键跳转按钮
  • ✨ 博主标签:在后台填入你的邮箱,你的评论将显示专属的「博主」蓝标

📦 安装方法

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

插件内置了一张淡蓝水彩背景图,安装后即可直接使用,不想折腾的话无需进行任何修改。

⚙️ 后台配置说明

等级称号规则
默认规则如下:
0,访客
10,活跃
50,元老
100,达人
200,大神

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

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

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

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

⚠️ 注意事项

  • 主题评论区的头像标签需要包含 class="avatar",目前大部分主流主题都已支持。
  • 服务器需要能够访问 ip-api.com 才能正常查询 IP 属地(国内服务器如果无法访问,建议自行在代码中更换其他 IP API 地址)。
  • 插件仅在文章详情页生效,首页不会触发弹窗。
  • 支持暗色模式,卡片会自动跟随你的博客主题进行切换。

💬 反馈与交流

如果遇到 Bug 或者有新的功能想法,欢迎留言告诉我!

评论区
头像
    头像
    昵称
      

    很方便嘛这个

    头像
    寻梦xunm
      

    看起来不错,查看下面的评论怎么没有效果呢?

      头像
      Lin.
        
      @寻梦xunm

      后面我改进一下

      头像
      Lin.
        
      @寻梦xunm

      刷新一下页面

        头像
        寻梦xunm
          
        @Lin.

        火狐浏览器即使刷新后也是有时候可以查看,有时候就不行。

          头像
          Lin.
            
          @寻梦xunm

          你再看看,我改进了,是评论区异步加载的问题

    头像
    林羽凡
      

    做成插件就方便多了,但这个页面中为什么没有呢

      头像
      Lin.
        
      @林羽凡

      现在看看呢,是不是好多了

    头像
    老罗
      

    666啊

      头像
      Lin.
        
      @老罗

      之前没有加识别,现在可以了