hugo LeaveIt主题优化二

添加网站、网页流量统计

想要自己的个人博客更加酷炫一点，然后就想到了添加网站、网页的流量统计功能。

不蒜子 是一个简单轻便的不错选择，官网上就两行代码

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>

如何使用到自己的主题中呢？

1.在themes目录下的layouts下的partials下的head.html中引入不蒜子js文件，代码为

<!-- 不蒜子 -->
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

2.在页面添加统计代码

找到themes目录下的layouts下的partials下的footer.html,添加以下代码

<span id="busuanzi_container_site_pv">
    本站访问量：<span id="busuanzi_value_site_pv"></span>次
</span>
&nbsp;
<span id="busuanzi_container_site_uv">
    您是本站第 <span id="busuanzi_value_site_uv"></span> 位访问者
</span>

footer.html

找到themes目录下的layouts下的_default下的single.html,添加以下代码

<h5 id="wc" style="font-size: 1rem;text-align: center;">{{ .FuzzyWordCount }} Words|Read in about {{ .ReadingTime }} Min|本文总阅读量<span id="busuanzi_value_page_pv"></span>次</h5>

至于添加位置，根据个人喜好，可以放在文章头部，也可以放在文章尾部。