介绍

来自Jad大佬的开源工具 Moe-Counter,简单来说,就是一个能给你提供萌萌计数器的工具!

想象一下: 你在 GitHub 的 README 文件里,或者在你的个人网站上,放上一个小小的计数器,每次有人访问,数字就会增加,是不是很有趣?

这个仓库的特点就是:

  • 多种风格可选: 它不只是一个简单的数字,而是提供了各种可爱的主题,你可以选择自己喜欢的风格,让你的计数器也变得萌萌的。
  • 使用简单: 你不需要太多的编程知识,就可以轻松地把这个计数器添加到你的项目里。
  • 开源免费: 这是一个开源项目,你可以免费使用,也可以参与贡献,让它变得更好。

Github仓库地址Moe-Counter

部署方式

免部署直接使用

如果你想直接使用,你可以直接通过访问已部署项目的 URL(例如本站: counter.bronya-zaychik.cn)去生成一个自己喜欢的样式的链接,这个链接会返回一个 SVG 图像,如下图所示

Moe-Counter Demo

手动部署

如果你想部署到自己的服务器上,那么你需要使用到 NodeJS 环境,在你的服务器运行以下代码来启动

git clone https://github.com/journey-ad/Moe-Counter.git
cd Moe-Counter
pnpm install

pnpm run start

启动之后用你的浏览器访问 ip:port 即可。默认端口是3000,如果你想自己设置的话,你可以添加一个 .env 文件(源码提供了 env 文件模板)可以配置数据库类型,访问地址(开启反代理https需要设定 APP_SITE 值)

1Panel 部署

如果你的服务器安装了 1Panel,那你可以用图形化界面轻松的部署该项目

点击网站 -> 运行环境 -> Node.js -> 创建运行环境,配置如下图所示

1Panel Node 环境配置

记得先用 Git 命令把源码拉到本地,先选择源码目录,然后配置端口。外部映射端口可以自定义,访问的时候就用 服务器ip:外部映射端口 就可以啦!

(可选)开启https反向代理(需要域名)

如果你有域名的话,可以设置http反代,效果是访问特定域名会自动映射到端口,最后你只需要访问域名就可以获取资源了

点击 网站 -> 创建网站 -> 反向代理,配置如下:

1Panel 反向代理配置

其中,主域名处填写你自己想要的域名,配置成功后,你还需要去你的域名解析里添加一条A记录,将你的域名指向你的服务器IP,这样就可以通过域名访问你的计数器啦(ฅ´ω`ฅ)

最后修改:2025 年 01 月 13 日
如果觉得我的文章对你有用,请随意赞赏(☆ω☆)