使用 Vercel 自建 Umami 服务

怎么回事，我最近净是在发 how to 类的水文，这里才不是个技术博客！

umami

Umami 是一个开源的网站数据统计工具，之前在友邻那里看到了 设置教程 ，虽然有些许心动但是不想折腾的心占了上风。最近点开 Google Analytics 着实是有些厌烦 GA 的臃肿页面，于是又翻开这篇研究了下。如果不打算自建，可以参考上方教程只使用 Umami 官方的 Umami Cloud 服务，本篇不再赘述。

由于并没有自己的服务器，也不想再多寻找和注册免费的数据库提供商，因此折腾着用 Vercel 完成了数据库 + Umami 的部署。

下面进入极简流程。

前期准备

GitHub 账号，Vercel 账号，Umami 账号。

操作步骤

登录 Vercel ，点击 Storage 创建 Postgres 数据库。

image.png

image.png

创建成功后查看数据库的 .env.local，点击 Show secret 复制 POSTGRES_PRISMA_URL 的值（引号里面的部分）。

image.png

根据 Umami 官方文档 ，可以直接一键 Deploy 到 Vercel。点击后页面如下。

image.png

在红色框内填入对应内容，然后分别点击 Create 和 Deploy，等待部署完成。

部署结束后进入项目的 Deployment 页面点击 Visit 访问 Umami。

image.png

首次进入需输入账号密码，初始账号为 admin，密码为 umami，可自行在设置中更改。记住网址和账号密码，后续可通过该地址访问查看网站统计数据。

在页面中点击 Add Website 添加自己的网站，格式为 mydomin.com。完成后复制 Tracking Code 加到自己网站的 <head> 里，静态博客的话通常是 layouts/partials/header.html 文件，具体可查看自己的博客结构。这部分没截图，可以参考 官方文档 。

完成！

Comments