项目介绍
这是一款以多种风格任选的萌萌组合的计数器，可以添加到自己的网站/博客/项目访问人数等
关于项目
项目作者：journey-ad
项目仓库：https://github.com/journey-ad/Moe-Counter
效果展示
如何使用
如果嫌安装麻烦，博主提供也部署好的项目，大家可以直接使用
本博客已装上这该项目，可以滚到底部既可以看到哦~
本地部署
- 更新系统
- 安装 Git
- 安装 Node
- 安装 npm
- 拉取项目
- 进入项目
- npm安装
- npm运行
友情提示
如果你服务器已有 Node 和 npm ，不需要再安装，直接跳到 拉取项目；
如果不是用 Git 拉取项目，请自行前往 Moe-Counter 仓库下载 Zip 包，上传到服务器里 npm 安装运行；
更新系统
Ubuntu / Debian：
sudo apt update
CentOS：
sudo yum check-update
CentOS 8 及以上版本：
sudo dnf check-update安装 Git
有些服务器是没有 Git，用 “git --version” 命令，查看是否有 git version {Version} 输出的信息，有就跳过该步骤；如果没有，用下面的命令安装 Git
Ubuntu / Debian：
# 更新包索引
sudo apt update
# 安装 Git
sudo apt install git
# 验证安装
git --versionCentOS / RHEL 系列：
#（CentOS/RHEL 7 及以下）
# 安装 Git
sudo yum install git
# 验证安装
git --version
#（CentOS/RHEL 8 或 Fedora）
# 安装 Git
sudo dnf install git
# 验证安装
git --versionArch Linux 系列：
# 安装 Git
sudo pacman -S git
# 验证安装
git --versionOpen SUSE：
# 安装 Git
sudo zypper install git
# 验证安装
git --version从源码安装（适用于所有 Linux 发行版）：
注意：将 <version> 替换为实际的 Git 版本号，例如 2.40.0
# 安装依赖工具和库
Ubuntu/Debian：sudo apt install build-essential libssl-dev libcurl4-gnutls-dev libexpat1-dev gettext
CentOS/RHEL：sudo yum groupinstall "Development Tools" && sudo yum install curl-devel expat-devel gettext-devel openssl-devel perl-CPAN perl-devel zlib-devel
# 下载最新 Git 源码
wget https://mirrors.edge.kernel.org/pub/software/scm/git/git-<version>.tar.gz
# 解压文件
tar -xvzf git-<version>.tar.gz
cd git-<version>
# 编译并安装
make prefix=/usr/local all
sudo make prefix=/usr/local install
# 验证安装
git --version安装 Node
我这里使用 包管理器 安装，通过包管理器安装的 Node.js 版本可能不是最新的，如果需要特定版本，建议使用 nvm 会更好，安装时间大概 5 分钟.
Debian/Ubuntu：
sudo apt update
sudo apt install nodejs npm
CentOS/RHEL：
sudo yum install nodejs npm验证 Node
验证 node 和 npm 是否安装成功
node -v
npm -v正常会输出版本号：
项目部署
拉取项目：
git clone https://github.com/journey-ad/Moe-Counter.git进入项目目录：
cd Moe-Counternpm 安装：
注：作者使用 pnpm，我这里使用 npm，效果是一样
npm install
pnpm install安装成功，如图：
运行项目：
npm run start查看页面：
输出：Your app is listening on port 3000，则表示安装完成，使用：IP + 3000 既可访问 网页端.
持久化运行
虽然能运行起来，如果你退出终端，那就无法访问网页端，这就要用到 Screen，Screen 的作用是守护进程，按 “Y” 继续安装 Screen
安装 Screen：
# Debian / Ubuntu
apt install screen
# CentOS
yum install screen
# 查询 screen 命令
screen -help创建一个叫 MoeCounter 的虚拟终端，输入完命令会自动进入虚拟终端
screen -S MoeCounter已经安装过，不需要重复安装，直接运行命令启动程序既可
# 进入项目
# 博主默认安装在：“/root/Moe-Counter”
# 如果你不是这个目录，请自行修改
cd /root/Moe-Counter
# 运行项目
npm run start退出终端：
按键盘上的 Ctril + a，再按 d，即可保持这个 Screen 在后台运行并回到主终端
列出会话：
screen -ls回到终端：
# 使用 screen -r 命令
# pid / name：为虚拟终端 PID 或 Name
# 其中：30775 为 PID，MoeCounter 为 Name
screen -r [pid/name]
回到这个虚拟终端的命令即为：screen -r 30775 或 screen -r MoeCounter
退出终端：
如果你暂时不用这个项目，使用：exit 命令
使用 exit 命令，一定要在虚拟终端
终止终端：
如果你不需要这个项目，可以使用下面的命令关闭
# 使用会话 PID
screen -X -S 30775 quit
# 使用会话名称
screen -X -S pts-0.MoeCounter quit强制终止所有 screen 会话：
screen -ls | grep -o '[0-9]\+\..*' | awk '{print $1}' | xargs -I {} screen -X -S {} quit宝塔面板
使用宝塔面板安装会很容易，适合新手朋友们使用，不想使用宝塔面板可以使用其他类似的面板，安装步骤基本一样，宝塔默认是没有安装Node，需要自行安装
使用宝塔 默认大家已经有一些基础，安装教程就不展示～
下载项目文件，没有 Git ，看上面 ”安装 Git“ 这步骤
git clone https://github.com/journey-ad/Moe-Counter.git总所周知的原因，国内服务器拉取 Github 的文件有概率会失败，博主缓存一份镜像文件，提供给大家快速下载，如果你怕有病毒，自行前往 Github 项目仓库下载 ZIP 包
文件存放位置不限制，比如：/www/wwwroot ；/opt/MoeCounter 都可以
| 项目目录 | 默认下载到 /root 目录下，可自行更改 |
| 项目名称 | 随便填，不限制 |
| 启动项 | 选择项目目录后会自动填入，无需修改 |
| Node版本 | 选择你安装Node版本，教程使用的 V20.18.3 |
| 包管理器 | 作者是 pnpm，个人推荐用 npm，看你选择 不要勾选右边的 "不安装node_module" 除非项目已经部署过，有这目录，可以勾选 |
| 运行用户 | 无特殊需求请选择 www 用户 |
| 项目端口 | 项目默认是 3000 端口，若不清楚端口可不填写 |
| 项目备注 | 随便填，不显示 |
| 绑定域名 | 使用域名访问，请自行解析域名 用 IP+端口，可以不填 后面也可以设置域名 |
进入宝塔面板后，点击：“网站”，点击：“Node项目”，点击：”Node版本管理“，选择：只显示LTS版本，安装：v20.18.3；
安装完成 Node v20.18.3 之后，选择 ”添加Node项目“，按上面的图片和表格填写既可，安装完成后，没有报错则使用 IP + 3000 端口访问，如果你绑定域名，使用域名方式访问.
问：为什么 IP + 3000 端口无法访问？
答：在宝塔左侧选择 ”安全“，添加端口规则，开放 TCP 3000 端口；在云服务商服务器 防火墙规则开放 TCP 3000 端口既可以
编写：糖茶砌站
发布：25/02/19 04:30:00