我在论坛弄了一个访客计数，用的就是 Moe Counter（萌计数器）挺有意思。它是像素风数字翻牌效果，像老式游戏机记分板，比千篇一律的统计工具顺眼多了。今天把它搬到了我的Blog里面，哈哈！

这东西是什么

Moe Counter 是个开源项目，服务端记录访问次数，返回一张动态图片。你博客每被打开一次，图片上的数字就翻一下。不用注册账号，不用挂 JS 代码，一行 HTML 就搞定。

怎么用

直接在你想显示的位置插入：

<div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;">
    <img src="//moecounter.xxxh.de/@你的名字?name=你的用户名&theme=normal-1&padding=7&offset=8&align=center&scale=0.3&pixelated=0&darkmode=0" 
         alt="访问计数" 
         loading="lazy"
         onerror="this.style.display='none'"
         style="opacity: 0.6; transition: opacity 0.3s ease;"
         onmouseover="this.style.opacity='1'"
         onmouseout="this.style.opacity='0.6'">
</div>

把 @后面的名字 和 name= 后面的值改成你自己的标识，比如博客域名或昵称。这个标识唯一对应你的计数器，别人改了就显示别人的数据。

几个参数调效果

参数	作用	常用值
theme	外观风格	normal-1 基础白底，normal-2 黑底，rule34 橙底
scale	大小缩放	0.3 较小，0.5 适中，1 原尺寸
darkmode	是否暗黑主题	0 亮色，1 暗色
pixelated	像素锐化	0 平滑，1 硬边缘
padding	数字间距	默认 7，调大数字更分散

实际踩的坑

数字不动：一开始加了 num=0100000 想从固定数开始，结果刷新永远是那个数。去掉这个参数让服务端自动累计就好了。

缓存坑人：浏览器会缓存这张图片，看起来数字不更新。加时间戳能解决，但没必要——访客每次打开都是新请求，你自己刷新看不动是正常的。

HTTP 警告：原 URL 是 http://，在 HTTPS 博客里会报混合内容。改成 // 让浏览器自动选协议，或者确认服务支持 HTTPS。

为什么这样写代码

• loading="lazy"：图片懒加载，不影响页面首屏速度
• onerror：万一服务挂了，自动隐藏不显示裂图
• opacity + transition：平时半透明不抢眼，鼠标悬停变清晰，交互感好些
• // 协议：自动适配 HTTP/HTTPS，省掉协议头麻烦

还能怎么玩

• 放页脚当彩蛋，低调记录访问量
• 不同页面用不同 name，看哪篇阅读高
• 配合 CSS 滤镜做复古扫描线效果
• 多个计数器并排，分别统计总访客和今日访客（需要找支持日统计的实例）

© 2026 PRY.CC · Attribution Required