1. 程式人生 > >hexo部落格的優化與配置——新增統計程式碼

hexo部落格的優化與配置——新增統計程式碼

今天看著csdn部落格的訪客數,就想給hexo部落格也新增統計訪客的外掛,上次折騰了個pacman主題,中間自帶的是goole的統計,容易被牆,所以就想換一個統計工具,看了好多人用的都是cnzz的站長工具,然後我也下了一個,參照著confige.yml裡面的程式碼,對cnzz的程式碼進行了修改,(模仿google統計的樣子),搞完之後除錯一下,發現沒有新增成功,又換乘了百度統計,進行同樣的處理也沒有成功,後來又折騰了一下,要在前面添加了幾個語句就成功了;

先要在D:\hexo\themes\pacman\_config.yml 新增一行程式碼:

#### Analytics
cnzz: true
這裡這個cnzz的名字可以自己取;

然後在D:\hexo\themes\pacman\layout\_partial 裡面建立一個 cnzz.ejs檔案;把cnzz給的程式碼複製進去;

<% 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,看自己的喜好)

  <%- partial('cnzz') %>

然後就可以看到左下方有統計的圖示了;

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

<% if (theme.cnzz){ %>//前面要新增的程式碼
//百度統計的程式碼
<% } %>
//新增的程式碼
與上面的操作基本一致只是取得名字不一樣;

完成之後可以看到百度的圖示;這裡百度的圖示可以隱藏,(自己設定)

上面的是一種方法;

如果嫌麻煩的話直接就在after_footer.ejs的後面新增cnzz的程式碼;直接就可以顯示了(同理,可以新增在其他位置),貌似新增在這裡速度最快;但是不知道是我沒設定好還是什麼,這種配置站長工具檢測不到;

以上幾種工具都是用的比較的多的工具;我還添加了一個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了,無法訪問了,還有待研究。。
。。