Table of contents

1.调整 hugo.yaml

首先在配置文件中增加 busuanzi 相关参数，用于统一控制是否启用统计功能，通过这个开关，可以在需要时快速关闭

params:
  busuanzi:
    enable: true

2.站点底部的访问量

接下来在站点页脚展示全站访问量

修改文件：layouts/partials/footer.html，在 标签上方添加以下代码：

{{ if .Site.Params.busuanzi.enable -}}
<div class="busuanzi-footer">
  {{ if eq $lang "zh" }}
  <span id="busuanzi_container_site_pv"
    >站点访问量：<span id="busuanzi_value_site_pv"></span
  ></span>
  {{- else }}
  <span id="busuanzi_container_site_pv"
    >Site Visits：<span id="busuanzi_value_site_pv"></span
  ></span>
  {{- end -}}
</div>
{{- end -}}layouts/partials/footer.html

这里做了简单的多语言判断，在中文和英文站点下分别显示不同文案

3.文章访问量

如果希望在文章详情页中显示单篇文章的阅读量，可以在文章元信息区域中追加不蒜子统计

修改文件： layouts/_default/single.html，在 <div class="post-meta"> 内添加：

<div class="post-meta">
  {{- partial "post_meta.html" . -}}
  {{- partial "translation_list.html" . -}}
  {{- partial "edit_post.html" . -}}
  {{- partial "post_canonical.html" . -}} 
  {{- if .Site.Params.busuanzi.enable -}}
  {{ $lang := .Site.Language.Lang }}
  <div class="meta-item">
    &nbsp·&nbsp {{ if eq $lang "zh" }}
    <span id="busuanzi_container_page_pv"
      >阅读量：<span id="busuanzi_value_page_pv"></span
    ></span>
    {{- else }}
    <span id="busuanzi_container_page_pv"
      >Readings: <span id="busuanzi_value_page_pv"></span
    ></span>
    {{- end }}
  </div>
  {{- end }}
</div>layouts/_default/single.html

至此，不蒜子已经成功接入 Hugo 的 PaperMod 主题，可以同时查看站点级别和文章级别的访问量数据。

（完）

如果这篇文章刚好帮到了你，欢迎请我喝杯咖啡！