前言

有了个人博客,想统计博客的访问流量数据该怎么办?本着一分钱不花的原则,使用 Supabase 免费数据库服务,通过 Vercel 搭建一个替代 Google Analytics 的网站数据统计。

操作步骤

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

©2018 - Felicx 使用 Stellar 创建
总访问 113701 次 | 本页访问 326
共发表 82 篇Blog · 总计 127k 字