对任意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
前面,方便寻找
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>
{{- end -}}
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"> · 
<span id="busuanzi_container_page_pv">本文阅读量<span id="busuanzi_value_page_pv"></span>次</span>
</div>
{{- end }}
config
回到根目录改config.yml
,在params
里加上两行
params:
busuanzi:
enable: true
不想显示统计改成false就行了
如果是toml
的配置文件自己按格式改就行,属性都一样
效果
全站
单页
效果如上