busuanzi計數(shù)腳本
busuanzi官方指引
一、安裝腳本(必選)
要使用不蒜子必須在頁面中引入busuanzi.js,目前最新版如下。
不蒜子可以給任何類型的個人站點使用,如果你是用的hexo,打開themes/你的主題/layout/_partial/footer.ejs添加上述腳本即可,當(dāng)然你也可以添加到
header 中。
二、安裝標(biāo)簽(可選)
只需要復(fù)制相應(yīng)的html標(biāo)簽到你的網(wǎng)站要顯示訪問量的位置即可。您可以隨意更改不蒜子標(biāo)簽為自己喜歡的顯示效果,內(nèi)容參考第三部分擴展開發(fā)。根據(jù)你要顯示內(nèi)容的不同,這分幾種情況。
1、顯示站點總訪問量
要顯示站點總訪問量,復(fù)制以下代碼添加到你需要顯示的位置。有兩種算法可選:
算法a:pv的方式,單個用戶連續(xù)點擊n篇文章,記錄n次訪問量。
本站總訪問量次
算法b:uv的方式,單個用戶連續(xù)點擊n篇文章,只記錄1次訪客數(shù)。
本站訪客數(shù)人次
如果你是用的hexo,打開themes/你的主題/layout/_partial/footer.ejs添加即可。
實例效果參考:
http://liam0205.me <http://liam0205.me>
http://gameknife.github.io <http://gameknife.github.io>
http://read.mobi <http://read.mobi>
http://pgqlife.info <http://pgqlife.info>
http://sdxy0506.github.io <http://sdxy0506.github.io>
http://www.gcrimson.com <http://www.gcrimson.com>
http://libk.net <http://libk.net>
http://ztyoung.me <http://ztyoung.me>
http://blog.itmyhome.com <http://blog.itmyhome.com>
2、顯示單頁面訪問量
要顯示每篇文章的訪問量,復(fù)制以下代碼添加到你需要顯示的位置。
算法:pv的方式,單個用戶點擊1篇文章,本篇文章記錄1次閱讀量。
本文總閱讀量次
代碼中文字是可以修改的,只要保留id正確即可。
實例效果參考:
http://dbarobin.com/2015/04/14/operation-and-maintenance-engineer-tips
<http://dbarobin.com/2015/04/14/operation-and-maintenance-engineer-tips>
http://blog.jamespan.me/2015/05/06/mvn-incremental-compilation
<http://blog.jamespan.me/2015/05/06/mvn-incremental-compilation>
http://cubernet.cn/blog/optimization-3 <http://cubernet.cn/blog/optimization-3>
注意:不蒜子為保持極簡,暫不支持在站點文章摘要列表中(如首頁)逐個顯示每篇文章的閱讀次數(shù),如果您非常需要這一功能,可以留言。根據(jù)需要程度再考慮開發(fā)相應(yīng)的功能。
3、顯示站點總訪問量和單頁面訪問量
你懂的吧,上面兩種標(biāo)簽代碼都安裝。
實例效果參考:
http://cubernet.cn/blog/swift-1 <http://cubernet.cn/blog/swift-1>
http://lvzejun.cn/2015/03/31/ubuntu-software
<http://lvzejun.cn/2015/03/31/ubuntu-software>
http://www.lvzejun.cn/2015/04/13/libvirt1md
<http://www.lvzejun.cn/2015/04/13/libvirt1md>
我的配置
1、配置是否開啟不蒜子訪問量統(tǒng)計功能
在themes/icarus/_config.yml添加屬性
是否開啟訪問量統(tǒng)計功能(不蒜子)
busuanzi:
enable: true
2、引入不蒜子并添加站點訪問量
在themes/icarus/layout/footer.ejs末尾添加如下代碼 <% if (theme.busuanzi &&
theme.busuanzi.enable){ %> <!-- 不蒜子統(tǒng)計 --> <span
id="busuanzi_container_site_pv"> 本站總訪問量<span
id="busuanzi_value_site_pv"></span>次 </span> <span
class="post-meta-divider">|</span> <span id="busuanzi_container_site_uv"
style='display:none'> 本站訪客數(shù)<span id="busuanzi_value_site_uv"></span>人 </span>
<script async
src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script> <% }
%>
3、添加文章訪問量
在themes/icarus/layout/common/article.ejs開頭添加如下代碼
事實上,這段代碼我并不確定是否能用
由于icarus主題的配置比較特殊,有些配置項我也不太確定,于是都配置了上去
網(wǎng)站上線時間展示
效果展示
看看我博客最下方的展示效果吧:how2playlife.com
熱門工具 換一換