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>
<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>
至于添加位置,根据个人喜好,可以放在文章头部,也可以放在文章尾部。