[置顶] 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;这个貌似用的人不多;

[置顶] hexo博客的优化与配置——添加统计代码_第1张图片  显示的是红旗;

这里我直接是把它添加到组件中去;

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项目首页





你可能感兴趣的:(hexo,gitcafe)