hexo博客的优化与配置——加入统计代码

时间:2022-11-24 20:03:34

今天看着csdn博客的訪客数,就想给hexo博客也加入统计訪客的插件,上次折腾了个pacman主题,中间自带的是goole的统计,easy被墙,所以就想换一个统计工具,看了好多人用的都是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博客的优化与配置——加入统计代码 
显示的是红旗;

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

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