不蒜子官网:
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">
 ·  {{ 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 主题,可以同时查看站点级别和文章级别的访问量数据。
如果本文对你有所帮助,可以请我喝杯咖啡
(完)