前言

添加个访问量功能耍耍~

开整

借助不蒜子，两行代码，搞定计数。

打开官网

不蒜子，关键代码如下，打开浏览器检查功能，可以看到 span 标签及其 id

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

# 站点 PV
<span id="busuanzi_container_site_pv">
    本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>
# 站点 UV
<span id="busuanzi_container_site_uv">
    本站总访客数<span id="busuanzi_value_site_uv"></span>人
</span>
# 页面或文章 PV
<span id="busuanzi_container_page_pv">
    本文总阅读量<span id="busuanzi_value_page_pv"></span>次
</span>

加入到 Hugo 主题中合适位置

以 PaperMod 为例子

head

themes/PaperMod/partials/extend_head.html

<!-- busuanzi -->
{{- if .Site.Params.busuanzi.enable -}}
  <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  <meta name="referrer" content="no-referrer-when-downgrade">
{{- end -}}

footer

themes/PaperMod/partials/footer.html

<!-- busuanzi -->
{{ if .Site.Params.busuanzi.enable -}}
    <span id="busuanzi_container_site_uv">
        <span id="busuanzi_value_site_uv"></span>
    </span>
    <span>/</span>
    <span id="busuanzi_container_site_pv">
        <span id="busuanzi_value_site_pv"></span>
    </span>
{{- end -}}

页面或文章

themes/PaperMod/_default/single.html

<!-- busuanzi -->
{{ if .Site.Params.busuanzi.enable -}}
  <span id="busuanzi_container_page_pv">本文阅读量<span id="busuanzi_value_page_pv"></span>次</span>
{{- end }}

打开配置开关

themes/PaperMod/config.yml

params:
  busuanzi:
      enable: true

发布

提交主题修改和发布博客即可。

资料

https://blog.kanikig.xyz/hugo-busuanzi/