为了账号安全,请及时绑定邮箱和手机立即绑定

为Hexo添加CNZZ统计

标签:
Html5 JavaScript

刚开始弄NexT主题的时候,对一些配置还不是很明白,所以一直都不敢弄。
今天总算有点精神,就把友盟的统计给加上了。之前一直都是用不蒜子的统计,但是不蒜子统计的内容太过简单了,不能够看到其他的一些数据。

配置站点信息

登录之后,选择右上角的添加站点,配置好你的站点信息

图片描述

获取代码

获取友盟提供给你的代码,友盟提供了很多的样式,随便复制一份就行。
图片描述

\themes\next\layout\_third-party\analytics\cnzz-analytics.swig中将原来的代码全部删除,复制下面的代码:
ps:如果没有该文件,请自行创建然后复制修改下面的代码

{% if theme.cnzz_siteid %}
<div>
<!-- 填写你的友盟代码 -->
<script type="text/javascript">
	var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
	document.write(unescape("%3Cspan id='cnzz_stat_icon_12'%3E%3C/span%3E%3Cscript 
	src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D12%2show%3Dpic' 
	type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- 你的友盟代码 end -->
</div>
{% endif %}

修改配置文件

添加了代码之后,还需要修改next的配置文件才能够生效。注意是主题配置文件
打开\themes\next目录下的_config.yml,按ctrl + F搜索CNZZ,找到之后将注释的内容打开,并设置成true,注意空格

# CNZZ count
cnzz_siteid: true

这样就可以成功的使用CNZZ进行统计了。建议使用hexo s在本地测试,看是否有问题再部署上去。

附赠

在我的博客中,部署友盟上去之后,发现移动端的footer顶上去了。
图片描述
哭死: ( 写博客的时候,才发现不蒜子的统计居然变少了,原来不蒜子对域名前加www和不加www的网站是区分统计的。
算了,反正是佛系博主,随缘吧。。。。

打开\themes\next\source\css\_custom目录下的custom.styl,添加以下代码:

// Custom styles.
//mobile style footer
@media (max-width: 767px)
 .content-wrap {
    width: 100%;
    padding: 20px;
    min-height: auto;
    margin-bottom: 30px;
    border-radius: initial;
 }

注意.content-wrap前面有一个空格,一定要添加,否则博客的样式就全乱了。

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
JAVA开发工程师
手记
粉丝
17
获赞与收藏
99

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消