使用 umami 添加访问统计
使用的是 umami 的免费额度来统计数据，教程的话直接参考官网就行了。
我这里是使用 nuxt3 开发， zeabur 部署的网站，所以其实配置起来也比较简单。
1. 先去 umami 注册账号，然后按步骤操作，网站会给出一段代码。比如：
<script defer src="https://cloud.umami.is/script.js" data-website-id="xxx"></script>
HTML
2. 到项目中新建一个 .env 文件，写入：
# 这里的就是 umami 提供的那段代码中的 data-website-id
NUXT_PUBLIC_UMAMI_WEBSITE_ID=xxxxx
BASH
然后将 .env 文件添加到 .gitignore 文件中，毕竟这种信息还是需要保密的。
3. 然后到 nuxt.config.ts 文件中，添加如下代码，声明一下变量：
export default defineNuxtConfig({
runtimeConfig: {
public: {
UMAMI_WEBSITE_ID: process.env.NUXT_PUBLIC_UMAMI_WEBSITE_ID,
},
},
})
TS
4. 到 app.vue 文件中，添加如下代码，引入 umami script：
useHead({
title: appName,
script: [
// 设置 umami 统计
{
'defer': true,
'src': 'https://cloud.umami.is/script.js',
'data-website-id': config.public.UMAMI_WEBSITE_ID as string,
},
],
})
TS
以上操作就可以在本地开发环境引入成功 umami 统计数据了，但是我是在 zeabur 上部署的，而 .env 文件被忽略提交了，所以现在还需要在部署的服务器上添加环境变量。
5. 在 zeabur 上添加编辑环境变量
现在可以访问网站，观察 network 中是否成功 send 数据了，然后到 umami 网站上看统计数据。