Umami访问量统计配置说明
约 462 字大约 2 分钟
2025-08-21
⚠️ 注意:原旧版本配置方法已弃用,使用教程及技术细节请查看https://ycenzh.github.io/Astro/umami.html
导航栏配置说明
Umami的配置项在 src/config.ts
文件中的 profileConfig
对象,会在社交信息卡片下显示网站总访问量和文章中显示本文访问量。
配置项详解
export const profileConfig: ProfileConfig = {
avatar: "assets/images/avatar.jpg", // Relative to /src directory. If starts with '/', relative to /public directory
name: "Mizuki",
bio: "This is a description",
links: [
{
name: "Bilibli",
icon: "fa6-brands:bilibili",
url: "https://space.bilibili.com/701864046",
},
{
name: "Gitee",
icon: "mdi:git",
url: "https://gitee.com/matsuzakayuki",
},
{
name: "GitHub",
icon: "fa6-brands:github",
url: "https://github.com/matsuzaka-yuki",
},
],
// Umami统计部份,记得在src/layouts/MainGridLayout.astro插入Umami的<script>
umami: {
enable: true, // 是否显示umami统计
shareId: "", //填入共享URL最后面那一串 比如:https://eu.umami.is/api/share/2dKQ5T0WrUn6AYtr 你就填入2dKQ5T0WrUn6AYtr
region: "", //Umami有两个区域,按需选择即可 比如:https://eu.umami.is 你就填入eu
},
};
注册Umami并添加你的网站
前往Umami官网注册账号并选择 统计节点的区域 →在Websites添加你的网站→点击你的网站后面的 Edit 然后在上面找到 ShareURL 并打开开关会得到以下内容
https://cloud.umami.is/share/一串字母数字组合/你的网站域名
现在你可以把 一串字母数字组合的具体内容 填入上述文件的文件中的
shareId: "一串字母数字组合"
答疑解惑
为啥访问量显示0/显示Error
显示Error
Umami的地区选错了
- Umami有两个地区:us和eu,如果你填错了,就会显示Error
- Umami给的域名是cloud开头,但是config文件里可别填cloud,就填你注册的时候选择的地区
浏览量和访问量都是0
Umami对接失败
- 请检查是否有在MainGridLayout.astro添加官方统计脚本