不蒜子官网:

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 -}}

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

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>

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


如果本文对你有所帮助,可以请我喝杯咖啡

(完)