hexo干货系列:(七)hexo安装统计插件
2016-03-23 00:00
211 查看
摘要: 前面介绍了如何让百度和谷歌收录我们的博客,那如何查看自己的博客每天被多少人访问呢~ 这里我介绍下`hexo`中如何使用统计插件,每天看到自己的博客访问量越来越高也是一种享受。
对应的配置如下,开启
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_1.png)
添加完后,点击下图的统计代码
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_2.png)
siteid在地址栏上面就可以获取,复制下来,配置在上文提到的
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_3.png)
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_4.jpg)
点击站长统计就能查看了,但是如果你不想被人查看,可以设置密码,这样就只有你自己能查看:
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_5.png)
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_6.png)
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_7.png)
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_8.jpg)
最后,厚颜无耻的求打赏..如果您认为博主的教程帮助到了你~
你懂的o(^▽^)o (/▽\=)
前言
前面介绍了如何让百度和谷歌收录我们的博客,那如何查看自己的博客每天被多少人访问呢~ 这里我介绍下hexo中如何使用统计插件,每天看到自己的博客访问量越来越高也是一种享受。
正文
开启统计功能
我使用的Jacman主题的配置文件中就有配置有统计插件,有谷歌,百度以及
CNZZ,我最终选择的是
CNZZ,原因是
CNZZ有手机版,比较好随时查看。百度的一开始我也有安装,不过下载的手机软件我打开时空白的,我是
IOS版本的,最终CNZZ整体上让我比较满意
对应的配置如下,开启
cnzz_tongji对应的
enable属性改成
true,
siteid就从注册的
cnzz控制台获取。
#### Analytics google_analytics: enable: false id: ## e.g. UA-46321946-2 your google analytics ID. site: ## e.g. wuchong.me your google analytics site or set the value as auto. ## You MUST upgrade to Universal Analytics first! ## https://developers.google.com/analytics/devguides/collection/upgrade/?hl=zh_CN baidu_tongji: enable: false sitecode: e6d1f421bbc9962127a50488f9ed37d1 ## e.g. e6d1f421bbc9962127a50488f9ed37d1 your baidu tongji site code cnzz_tongji: enable: true siteid: 1253575964 ## e.g. 1253575964 your cnzz tongji site id
注册CNZZ
进入CNZZ注册一下,然后添加你的站点,如下![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_1.png)
添加完后,点击下图的统计代码
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_2.png)
siteid在地址栏上面就可以获取,复制下来,配置在上文提到的
_config.yml中,CNZZ提供了许多样式,看你个人喜欢
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_3.png)
Jacman默认对应的是第一种文字样式,我是用默认的。如果你想替换其他的样式,复制js代码。替换
\themes\jacman\layout\_partial\analytics.ejs中的代码:
<% if (theme.cnzz_tongji.enable){ %> <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1257841330'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1257841330%26online%3D1%26show%3Dline' type='text/javascript'%3E%3C/script%3E")); </script> <% } %>
配置密码
上面配置好后,部署博客,你会发现在博客的最下面会出现统计的样式,如图:![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_4.jpg)
点击站长统计就能查看了,但是如果你不想被人查看,可以设置密码,这样就只有你自己能查看:
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_5.png)
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_6.png)
![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_7.png)
手机端截图
下载手机端的CNZZ,查看起来更加轻松,截几个手机端的图,如下:![](http://7xqch5.com1.z0.glb.clouddn.com/hexo7_8.jpg)
总结
到此,就搞定了统计功能,整个博客基本上功能也就齐全了。每天晚上看看自己博客的流量那种感觉蛮爽哇卡卡。后续打算介绍下markdown写法,只需要掌握一点点就可以写出很棒的排版,真的很方便。相见恨晚~~
最后,厚颜无耻的求打赏..如果您认为博主的教程帮助到了你~
你懂的o(^▽^)o (/▽\=)
![](http://7xqch5.com1.z0.glb.clouddn.com/zhifubao.png)
相关文章推荐
- hexo generate 执行时报 offset 错误
- 使用hexo搭建个人博客
- Hexo 简明入门教程(一)
- Hexo 主题制作
- gitcafe博客
- win7 搭建Hexo
- hexo建立github,gitcafe博客并实时同步的要点
- 【2018更新】小白独立搭建博客--Github Pages和Hexo简明教程
- hexo安装报错
- Hexo的coney主题的一些补充说明
- 修改Coney主题之侧边栏移位
- 如何高效搭建基于Hexo和github技术的个人站点
- 使用命令npm install -g hexo-cli 安装Hexo报错问题
- 使用命令npm install -g hexo-cli 安装Hexo报错问题
- 新的博客地址
- 安装hexo
- Github Pages + Hexo 设计你的免费 blog
- 博客建成第一篇
- Debian安装 Nodejs静态博客程序HEXO
- 搭建一个支持LaTEX的hexo博客