对任意hugo主题均适用,只需要改4个地方,以papermod主题为例

找到主题文件夹内的head.html,例如papermod的路径为themes/PaperModX/layouts/partials/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 -}}

可以添加在google-site-verification那块后面,Styles前面,方便寻找

iShot2022-07-02 15.43.42

在站点底部显示总访问量与访客数,一般和head同目录,添加如下代码,注意添加在<footer>代码块里

<!-- busuanzi -->
{{ if .Site.Params.busuanzi.enable -}}
<div class="busuanzi-footer">
  <span id="busuanzi_container_site_pv">
    本站总访问量<span id="busuanzi_value_site_pv"></span>  </span>
  <span id="busuanzi_container_site_uv">
    本站访客数<span id="busuanzi_value_site_uv"></span>人次
  </span>
</div>
{{- end -}}

iShot2022-07-02 15.43.22

single

用于显示每篇文章阅读量,有的主题是和上面两个同目录,有的不是,自己搜索下,papermod是在themes/PaperModX/layouts/_default/single.html,一样注意加在<header>代码块内

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

这里要根据不同主题自己改动,如papermod是在post-meta这块,为了套用它的颜色和格式在外面套了<div>,加了个分隔符

<!-- busuanzi -->
{{ if .Site.Params.busuanzi.enable -}}
<div  class="meta-item">&nbsp·&nbsp
  <span id="busuanzi_container_page_pv">本文阅读量<span id="busuanzi_value_page_pv"></span></span>
</div>
{{- end }}

iShot2022-07-02 15.44.16

config

回到根目录改config.yml,在params里加上两行

params:  
    busuanzi:
        enable: true

不想显示统计改成false就行了

如果是toml的配置文件自己按格式改就行,属性都一样

效果

全站

iShot2022-07-02 15.53.57

单页

iShot2022-07-02 15.54.52

效果如上