网站计数还在用不蒜子？试试全新的vercount！

青萍叙事2025-04-22

如果你在搭建个人博客、独立网站或者产品页时想加个页面访问量统计器，不蒜子（busuanzi）可能是你第一个听说的工具。但随着时代发展，越来越多开发者发现它存在不少问题：加载慢、失效率高、隐私风险、无维护更新……

今天推荐一个全新选择：🚀 vercount

它简洁、现代、开源，最重要的是，你可以自己掌控数据，不用担心莫名其妙的数据消失！

🌟 vercount 是什么？

vercount 是一个轻量级的访问计数服务，支持部署在自己的服务器或无服务器平台（如 Vercel、Cloudflare Workers）。

功能特性：

支持页面访问次数统计
可自托管，数据掌握在你手中
无需依赖第三方数据库或后端服务
前端脚本轻量灵活，一行 HTML 即可接入

🔗 项目地址：https://github.com/EvanNotFound/vercount

🔍 为什么选择 vercount？

对比点	不蒜子	vercount
开源	是	是
稳定性	偶尔抽风、加载失败	高，可部署在自己平台
数据隐私	第三方存储	完全自主控制
部署灵活性	无	支持多种部署方式
美观可定制	样式有限	完全自定义前端样式
是否维护	基本无维护	活跃更新中

PS1：这个博客站点刚开始就用的是不蒜子，经常会出现无法加载数据和加载缓慢的情况，因此果断自己搭建部署了一套vercount并切换过去，现在计数毫秒级出现再也不会等半天了。

PS2: 也可以直接用vercount官方提供的，比较稳定，虽然比不蒜子要快，但可能也要等几秒，后面再讲一讲如何自己搭建部署。

🚀 如何使用 vercount？

🧩快速使用

如果你需要在 React 项目中使用 Vercount，可以使用 vercount-react。

将以下 script（中国访问优化）添加到你的网站中：

1	<script defer src="https://cn.vercount.one/js"></script>

或者使用这个 script（海外访问优化）：

1	<script defer src="https://events.vercount.one/js"></script>

添加 script 后，使用以下标签开始统计：

1
2
3

本文总阅读量 <span id="vercount_value_page_pv">Loading</span> 次
本站总访问量 <span id="vercount_value_site_pv">Loading</span> 次
本站总访客数 <span id="vercount_value_site_uv">Loading</span> 人

🏷️ 从不蒜子切换到 Vercount

只需替换不蒜子的 script 标签，其他保持不变，Vercount 兼容 Busuanzi 的 span 标签。数据会在首次访问时自动同步，后续访问也会保持同步（前提是不蒜子正常运行）。

替换为：

1	<script defer src="https://cn.vercount.one/js"></script>

Vercount 支持不蒜子的 span 标签，你可以继续使用原有的标签，或者推荐切换到 Vercount 的专属 ID 标签，以便后续功能扩展：

1
2
3

<span id="vercount_value_page_pv">Loading</span> 次
<span id="vercount_value_site_pv">Loading</span> 次
<span id="vercount_value_site_uv">Loading</span> 人