Fluid -23- 添加 Umami 统计

本文最后更新于:2022年7月26日 上午

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

前置条件

操作流程

将 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://101.43.39.125:6287/share/r5OGod2Z/%E5%8F%88%E8%A7%81%E8%8B%8D%E5%B2%9A" target="_blank" rel="nofollow noopener"><span>Umami</span></a>
  • 添加效果

参考资料

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


Fluid -23- 添加 Umami 统计
https://www.zywvvd.com/notes/hexo/theme/fluid/fluid-add-umami/fluid-add-umami/
作者
Yiwei Zhang
发布于
2022年7月17日
许可协议