Hugo添加不蒜子Busuanzi站点访问量与阅读量统计

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

head#

找到主题文件夹内的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

footer#

在站点底部显示总访问量与访客数，一般和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>

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

效果如上