Fluid -23- 添加 Umami 统计

2022-08-06 09:55:52 浏览数 (1)

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

前置条件

  • 需要配置好 Umami 服务器
  • 掌握 Fluid 注入使用方法 操作流程
将 Umami 统计链接注入 Fluid
  • 获取 Umami 统计链接
  • 将统计链接注入 Fluid header 中
  • scripts/page.js (没有可以创建) 写入:
代码语言:javascript复制
hexo.extend.filter.register('theme_inject', function(injects) {
  injects.header.file('video-banner', 'source/_inject/header.ejs', { key: 'value' }, -1);
});

  • 'source/_inject/header.ejs' 文件中加入统计链接:
代码语言:javascript复制
<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 部分加入共享链接
代码语言:javascript复制
<a href= "https://101.43.39.125:6287/share/r5OGod2Z/又见苍岚" target="_blank" rel="nofollow noopener"><span>Umami</span></a>

  • 添加效果

参考资料

  • https://hexo.fluid-dev.com/docs/advance/
  • https://cloud.tencent.com/developer/article/2069639

我的博客即将同步至腾讯云开发者社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=1b5yjjveh76yh

0 人点赞