2023-06-09 更新 122 阅读
个人觉得很需要统计博客访问的相关数据,之前会选择「百度统计」或是「51LA统计」。
今天给大家介绍个「Umami统计」,有需求的朋友可以自行安装。
安装前,我们先看看 Umami 的数据截图,这里用 Umami 官网的图演示。
安装过程
首先,安装 Umami 需要一个基本的 LNMP 环境,然后再安装 nodejs 和 npm。
安装Nodejs、npm
Nodejs、npm 在这里就不介绍了,请自行安装。
安装完毕之后,可以用 node -v 和 npm -v 检查版本。
安装 yarn
npm install -g yarn
获取源代码并安装软件包
git clone https://github.com/umami-software/umami.git
cd umami
yarn install
配置 Umami
在 Umami 目录中创建 .env 文件,并在文件中增加下面数据
DATABASE_URL=mysql://username:mypassword@localhost:3306/mydb
这里需要注意的是更换自己的数据库用户名,密码和数据库名
username 改为自己的数据库用户名
mypassword 改为自己的数据库密码
mydb 改为自己的数据库名
安装 Umami
yarn build
启动 Umami
yarn start
安装到了这里,就可以使用 http://localhost:3000 地址来访问你的 Umami 了,其中 localhost 指的是你的服务器IP地址。
设置 Umami 后台运行
通常使用 yarn start 就可以直接启动,但是退出 ssh 之后就直接停止运行了,所以需要用一些工具保证后台运行,官方文档中的推荐是:
yarn global add pm2
cd umami
pm2 start yarn --name umami -- start
pm2 startup
pm2 save
Nginx 反向代理
Nginx 反向代理有两种方法,
第一种方法:
因为可以使用 ip:3000 直接访问,我们使用域名反代,这里以 Nginx 举例。在 server 段加入配置:server { server_name umami.yourdomain.com; location / { proxy_pass http://localhost:3000; proxy_set_header X-Real-IP $remote_addr; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } }
- 第二种方法:
如果你是用的宝塔面板,也可以按下面步骤操作
1、新增站点
2、配置域名,SSL证书
3、站点设置,选择反向代理,添加反向代理,目标URL填写 http://127.0.0.1:3000
代理名称可以随意填写,然后在确定即可。
在设置好反向代理以后,就可以使用你的域名直接登录 Umami ,在域名后面也无需增加端口号。
更新 Umami
- 更新 Umami
pm2 stop umami
- 获取更新
git pull
- 然后重新安装
yarn install
yarn build
开始使用
Umami 默认的管理员帐号用户名为admin,密码为Umami。
1.登录后,在右上角有个网络的图标,在这里修改语言为中文.
2.修改你的用户名和密码.
3.在设置里面增加你的网站,然后在跟踪代码里复制你的代码,把代码放到里自己网站里的
评论已关闭