前言
有了个人博客,想统计博客的访问流量数据该怎么办?本着一分钱不花的原则,使用 Supabase 免费数据库服务,通过 Vercel 搭建一个替代 Google Analytics 的网站数据统计。
操作步骤
- 首先在 GitHub 的 Umami 项目 Fork 到自己的账号下;
- 在 Supabase 中创建一个项目,需要记住所设置的密码,之后会用到;
- 等待初始化完成点击右上角 connect 复制出需要之后使用的连接链接;
其中 postgres://postgres.vzhpxlcldnemfwtfztfh:[YOUR-PASSWORD]@aws-0-us-west-1.pooler.supabase.com:5432/postgres 需要将 [YOUR-PASSWORD] 调整为上一步中设置的密码; - 在 Vercel 创建项目,选择自己 Fork 的 Umami;
- 添加环境变量后点击 Deploy 进行部署;
其中 HASH_SALT 是你在键盘上随机输入的字符串,DATABASE_URL 为替换了密码的数据库连接地址 - 等待部署完成,通过项目地址或者自己绑定的域名可以进入具体的设置页面,账号是 admin,密码是 umami;
登录后可以修改密码,设置自己要统计访问的网站并获取到监听代码,之后就是在目标网站上进行部署操作了; - 最后就是在 Hexo 中使用 Umami;
- 如果主题没有适配 Umami 的话,可以使用 hexo injector 直接注入;
- 在博客项目根目录,创建 scripts 文件夹;
- 在 scripts 文件夹下,创建 injector.js 文件并填入;
1
2hexo.extend.injector.register('head_end', '<script async defer data-website-id="<data-website-id>" src="<src>"></script>');
// 把 <data-website-id> 和 <src> 替换成在 Umami 中获取到的信息