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

来源：互联网发布：js获取application值编辑：程序博客网时间：2024/06/01 13:50

今天看着csdn博客的访客数，就想给hexo博客也添加统计访客的插件，上次折腾了个pacman主题，中间自带的是goole的统计，容易被墙，所以就想换一个统计工具，看了好多人用的都是cnzz的站长工具，然后我也下了一个，参照着confige.yml里面的代码，对cnzz的代码进行了修改，(模仿google统计的样子），搞完之后调试一下，发现没有添加成功，又换乘了百度统计，进行同样的处理也没有成功，后来又折腾了一下，要在前面添加了几个语句就成功了；

先要在D:\hexo\themes\pacman\_config.yml 添加一行代码：

#### Analyticscnzz: 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了，无法访问了，还有待研究。。
。。查看效果源代码托管在 gitcafe项目首页

7 1