hexo博客的優化與配置——加入統計代碼

今天看着csdn博客的訪客數,就想給hexo博客也加入統計訪客的插件,上次折騰了個pacman主題,中間自帶的是goole的統計,easy被牆,因此就想換一個統計工具,看了好多人用的都是cnzz的站長工具,而後我也下了一個,參照着confige.yml裏面的代碼,對cnzz的代碼進行了改動,(模仿google統計的樣子),搞完以後調試一下,發現沒有加入成功,又換乘了百度統計,進行相同的處理也沒有成功,後來又折騰了一下,要在前面加入了幾個語句就成功了;javascript

先要在D:\hexo\themes\pacman\_config.yml 加入一行代碼:php

#### Analytics
cnzz: true
這裏這個cnzz的名字可以本身取;

而後在D:\hexo\themes\pacman\layout\_partial 裏面建立一個 cnzz.ejs文件;把cnzz給的代碼複製進去;java

<% if (theme.cnzz){ %>//前面要加入的代碼
<script type="text/javascript">//中間的代碼
    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://": " http://");
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1000543074'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1000543074%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
</script>
<% } %>//後面要加入的
把中間的代碼換了便可;

而後再在after_footer.ejs的後面加入上一行代碼就可以顯示了(這裏的位置可以本身換,可以不是after_footer.ejs,也可以是footer,或者是head,看本身的喜愛)git

  <%- partial('cnzz') %>

而後就可以看到左下方有統計的圖標了;github

對百度統計也可以進行相同的處理;hexo

<% if (theme.cnzz){ %>//前面要加入的代碼
//百度統計的代碼
<% } %>
//加入的代碼
與上面的操做基本一致僅僅是取得名字不同;

完畢以後可以看到百度的圖標;這裏百度的圖標可以隱藏,(本身設置)工具

上面的是一種方法;google

假設嫌麻煩的話直接就在after_footer.ejs的後面加入cnzz的代碼;直接就可以顯示了(同理,可以加入在其它位置),貌似加入在這裏速度最快;但是不知道是我沒設置好仍是什麼,這樣的配置站長工具檢測不到;spa

以上幾種工具都是用的比較的多的工具;我還加入了一個Flag Counter;這個貌似用的人很少;插件

  顯示的是紅旗;

這裏我直接是把它加入到組件中去;

D:\hexo\themes\pacman\_config.yml中的widgets: 中加入了flag_counter,而後再加入了一個flag_counter.ejs文件;把當中的代碼複製進去;

<section>  
<h1>Visitor</h1>  
<div>  
    <p></p>  
    <center>  
   <a href="http://info.flagcounter.com/iQG7"><img src="http://s09.flagcounter.com/count2/iQG7/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0"></a>
    </center>  
</div>  
</section>  
而後就可以顯示了,貌似這個東西有點拖網速,還要慢慢研究一下;

另外一個「fork me on github 」不知道是我加入的方式有問題仍是什麼,加入以後提交,博客主頁就變成404了,沒法訪問了,還有待研究。。
。。
查看效果  源碼託管在 gitcafe項目首頁

相關文章
相關標籤/搜索