用 umami 给你的博客添加一个统计系统吧!

2023 年 8 月 18 日 星期五(已编辑)
/ , , , , ,
27
这篇文章上次修改于 2024 年 7 月 5 日 星期五,可能部分内容已经不适用,如有疑问可询问作者。

用 umami 给你的博客添加一个统计系统吧!

本文已于 2024-7-5 重写

前言

很早之前就想过抛弃谷歌统计,主要是功能太多而且很多对我这个小博客来说用不上,早在今年初就听说过 umami 的自建统计了,只不过那个时候的 v1 版本有点问题一直连接不上数据库导致部署失败所以作罢,最近发现 umami 出了 v2,重新尝试了一下成功了,下面我就把我的过程分享出来

准备

首先 umami 使用的是 nextjs 框架,所以你可以选择部署在 vercel, 同时需要一个数据库来存储统计数据,支持 mysql 或者 postgresql,我这边使用的是 supabase 托管的 postgresql 数据库,具体的取决你,可以参考一下他们的文档

https://umami.is/docs/

部署

  1. forkumami 的仓库,之后进入 vercel 导入 umami 的仓库

  2. 一般 vercel 会自动帮你选择好框架和构建命令等所以这些不用管,然后在环境变量选项新建一个变量,名字叫DATABASE_URL, 变量值填写上你的数据库连接的域名,比如说 postgres://postgres:[YOUR-PASSWORD]@host:6543/postgres

对于 supabase 数据库

如果使用 supabase 托管的数据库需要前往仓库的db/postgresql/schema.prisma这个路径修改参数,加上directUrl = env("DIRECT_DATABASE_URL")

然后在 vercel 部署那除了添加DATABASE_URL以外还需要添加一个DIRECT_DATABASE_URL的环境变量,值为使用连接池的选项Connection Pooling

说人话就是,DATABASE_URL 那填连接端口为 6543 的连接字符串,DIRECT_DATABASE_URL 就是填 5432 端口的连接字符串

使用

部署成功之后,登录进管理面板,转到设置

新建一个网站,名字随便,域名写你的网站域名

对于 hexo

然后将他的 js 片段插入到 inject 的 bottom 之中然后 hexo 三连,就可以使用啦~

然后你还可以创建一个共享页面用来当做博客的访客统计界面,本站的访问统计便是使用该功能实现的

对于 mix-space

已经有人写了,不再赘述:https://blog.nekorua.com/posts/mx-space/118.html

使用社交账号登录

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...