hugo LeaveIt主題優(yōu)化二

添加網(wǎng)站、網(wǎng)頁(yè)流量統(tǒng)計(jì)

想要自己的個(gè)人博客更加酷炫一點(diǎn)，然后就想到了添加網(wǎng)站、網(wǎng)頁(yè)的流量統(tǒng)計(jì)功能。

不蒜子 是一個(gè)簡(jiǎn)單輕便的不錯(cuò)選擇，官網(wǎng)上就兩行代碼

<script async src="http://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_site_pv">本站總訪問(wèn)量<span id="busuanzi_value_site_pv"></span>次</span>

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

1.在themes目錄下的layouts下的partials下的head.html中引入不蒜子js文件，代碼為

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

2.在頁(yè)面添加統(tǒng)計(jì)代碼

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

<span id="busuanzi_container_site_pv">
    本站訪問(wèn)量：<span id="busuanzi_value_site_pv"></span>次
</span>
&nbsp;
<span id="busuanzi_container_site_uv">
    您是本站第 <span id="busuanzi_value_site_uv"></span> 位訪問(wèn)者
</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>

至于添加位置，根據(jù)個(gè)人喜好，可以放在文章頭部，也可以放在文章尾部。