Fluid -23- 添加 Umami 统计

本文最后更新于：2024年5月7日下午

Umami 可以统计网页浏览信息，本文记录在 Fluid 主题中加入 Umami 的方法。

前置条件

需要配置好 Umami 服务器
掌握 Fluid 注入使用方法

操作流程

将 Umami 统计链接注入 Fluid

获取 Umami 统计链接
将统计链接注入 Fluid header 中

在 scripts/page.js (没有可以创建) 写入：

1
2
3

hexo.extend.filter.register('theme_inject', function(injects) {
  injects.header.file('video-banner', 'source/_inject/header.ejs', { key: 'value' }, -1);
});

在 'source/_inject/header.ejs' 文件中加入统计链接：

1	`<script async defer data-website-id="xxxxxxxx-57fd-4b1b-8782-xxxxxxxxxx" src="https://xxx.xxx.xxx.xxx/umami.js"></script>`

类似原理也可以用 Hexo 的注入机制完成该步骤

在网页中加入链接

我将 Umami 的链接放在 footer 的部分，可以参考一下

获取共享链接

在 _config.fluid.yml footer 部分加入共享链接

1	`<a href= "https://uipv4.zywvvd.com:33030:6287/share/r5OGod2Z/%E5%8F%88%E8%A7%81%E8%8B%8D%E5%B2%9A" target="_blank" rel="nofollow noopener"><span>Umami</span></a>`