自搭建部署vercount，毫秒级计数!type
status
date
slug
summary
category
tags
create_time
Apr 23, 2025 07:37 AM
icon
password
上一篇介绍了使用vercount替换不蒜子，这篇将介绍如何 自搭建 Vercount 服务，进一步提升页面计数显示的响应速度。
✅ 前置要求
- 一台已安装 Docker 和 Docker Compose 的服务器
- 基本的命令行操作知识
📚 参考阅读：Docker 与 Docker Compose 安装部署
第一部分：设置 Redis KV 存储
首先，我们需要设置用于存储计数器数据的 Redis 实例。
- 在你的服务器上创建一个新目录并进入：
- 创建
docker-compose.yml文件：
- 创建
.env文件：
- 启动 Redis 服务：
第二部分：部署vercount应用
- 从 GitHub 克隆 Vercount 仓库：
- 创建Dockerfile文件(我是通过Docker部署到自己服务器的没有使用托管平台)：
💡 原项目使用的是pnpm构建，但我这里失败较多，因此改为npm构建。
- 修改配置文件
修改配置文件next.config.js：
修改配置文件：src/app/layout.tsx
修改配置文件：src/lib/client.js
- 构建Docker镜像
- 部署应用
第三部分：配置使用
- 在你的网站中添加脚本标签，记得替换为你自己的域名，比如：
- 在 HTML 中添加计数器元素：
✅ 完美兼容 busuanzi，如果之前是用的busuanzi也可以完全不用改span！
第四部分：查看Redis所有计数
这里再提供一个shell脚本用于查看Redis里面的所有计数：
redis-list.sh
📎 参考文章
有关文章的任何疑问，欢迎您在底部评论区留言，一起交流~
如果文章对您有帮助，请我喝杯咖啡 赏你
- 作者:lusyoe
- 链接:https://blog.lusyoe.com/article/self-host-vercount-with-docker
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
