【hit-counter复刻】基于Workers的极轻量GitHub风格多彩计数器,一分钟无脑搭建稳定可靠

前言

由于知名计数器hit-counter关闭服务,影响到了脚本的正常运行量统计,Nodeseek 大佬随手复刻了一个一模一样的,供大家使用。

⭐ GitHub地址:https://github.com/xykt/Hits ⭐

这个复刻版的好处是基于Cloudflare Workers,完全轻量化,无需服务器,稳定不怕跑路,无脑一分钟搭建完成。

Hits! - 基于Cloudflare Workers的综合访问计数器
【hit-counter复刻】基于Workers的极轻量GitHub风格多彩计数器,一分钟无脑搭建稳定可靠【hit-counter复刻】基于Workers的极轻量GitHub风格多彩计数器,一分钟无脑搭建稳定可靠

Hits! 一款完全免费、无需服务器、基于 Cloudflare Workers 和 D1 SQL Database 的轻量级访问计数器系统,支持JSON及GitHub风格svg图片,一分钟快速部署。

✨ 功能特性
  • 🚀 快速部署 - 一分钟即可完成部署
  • ☁️ 云端托管 - 无需维护服务器
  • 💰 完全免费 - 使用Cloudflare免费套餐
  • 📊 多站点支持 - 通过不同keyword支持多个计数器
  • 🔒 安全可靠 - 基于Cloudflare全球网络
  • 👀 多彩展示 - 支持自定义色彩的svg及JSON输出
🛠 快速部署指南

1. 创建D1数据库

进入Cloudflare Dashboard,导航至 Storage & Databases > D1 SQL Database - Create,命名为hits,在 Console 中执行以下SQL创建表:

CREATE TABLE counters ( name TEXT PRIMARY KEY, count INTEGER DEFAULT 0 );

2. 创建Workers

导航至 Workers & Pages > Create application > Create Worker,命名为 hits,复制hit.js代码到Worker编辑器中,修改第七行domain为你的计数器域名,并设置keyword,每个计数器对应一个keyword,后续新增计数器只需要新增keyword即可

3. 配置绑定

在Worker的 Settings > Bindings > Add > D1 Database中,变量名称输入 HITS,数据库选择 hits。在Worker的 Domains & Routes - Add - Custom domain中添加您的刚才设定的计数器域名

 

4. 使用方法
  • svg图片
https://your.domain/keyword.svg?action=view&count_bg=%233DC8C0&title_bg=%23555555&title=Visits&edge_flat=false
ParameterValuesDescription说明
actionview / hitView only or hit & view仅展示/点击并展示
count_bg%23{colorcode}Background color of count area数字部分背景颜色
title_bg%23{colorcode}Background color of title area标题部分背景颜色
titleTitleToShowText to display展示标题
edge_flattrue / falseSharp or rounded corners尖角/圆角
  • JSON结果

RequestDescription说明
https://your.domain/keyword?action=viewView only仅展示
https://your.domain/keyword?action=hitHit & View点击并展示

返回JSON结果

{
  "counter": "keyword",
  "action": "hit",
  "total": 135062,
  "daily": 1091,
  "date": "2025-03-25",
  "timestamp": "2025-03-25T09:50:53.096Z"
}

Hello World
Hello World