介绍
来自Jad
大佬的开源工具 Moe-Counter,简单来说,就是一个能给你提供萌萌计数器的工具!
想象一下: 你在 GitHub 的 README 文件里,或者在你的个人网站上,放上一个小小的计数器,每次有人访问,数字就会增加,是不是很有趣?
这个仓库的特点就是:
- 多种风格可选: 它不只是一个简单的数字,而是提供了各种可爱的主题,你可以选择自己喜欢的风格,让你的计数器也变得萌萌的。
- 使用简单: 你不需要太多的编程知识,就可以轻松地把这个计数器添加到你的项目里。
- 开源免费: 这是一个开源项目,你可以免费使用,也可以参与贡献,让它变得更好。
Github仓库地址:Moe-Counter
部署方式
免部署直接使用
如果你想直接使用,你可以直接通过访问已部署项目的 URL(例如本站: counter.bronya-zaychik.cn)去生成一个自己喜欢的样式的链接,这个链接会返回一个 SVG 图像,如下图所示
手动部署
如果你想部署到自己的服务器上,那么你需要使用到 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
-> 创建运行环境
,配置如下图所示
记得先用 Git 命令把源码拉到本地,先选择源码目录,然后配置端口。外部映射端口可以自定义,访问的时候就用 服务器ip:外部映射端口
就可以啦!
(可选)开启https反向代理(需要域名)
如果你有域名的话,可以设置http反代,效果是访问特定域名会自动映射到端口,最后你只需要访问域名就可以获取资源了
点击 网站
-> 创建网站
-> 反向代理
,配置如下:
其中,主域名处填写你自己想要的域名,配置成功后,你还需要去你的域名解析里添加一条A记录,将你的域名指向你的服务器IP,这样就可以通过域名访问你的计数器啦(ฅ´ω`ฅ)