Hugo 不蒜子网站计数功能

为您的Hugo网站添加网站访问数据

我的第一个思路是使用Google Analytics API,但是实现起来太麻烦了,需要做api token设置,而且Google强烈建议不要这么做。

第二个思路是看到小土刀前辈的 网站有这个功能。然后就去看一眼用的什么script,发现了 不蒜子这样一个好用的计数模块。有能力的朋友请支持一下他吧,毕竟免费的服务很难活下去。

简单的配置

如果您和我一样是使用Hugo + Academic theme。那么配置起来相当简单。 根据Academic的 官方指导,我们需要添加YOUR WEBSITE/layouts/partials/custom_js.html,注意不是在theme文件夹下面哦

添加以下内容:

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js">
</script>

然后您需要展示访问数据的位置添加tag就好了,例如我下面的展示,希望这篇小文章能帮到你。

<i class="far fa-eye">
<span id="busuanzi_container_site_pv">
    访问量:<span id="busuanzi_value_site_pv"></span>
</span>
</i>
访问量:
Avatar
Marco Huang
Yet Another Engineer
comments powered by Disqus

Related