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





相关文章