Hexo中Next主题添加CNZZ统计

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

友盟+ 传送门：https://passport.umeng.com/login?appId=cnzz
个人博客效果预览： https://www.donlex.cn

配置站点信息

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

cnzz添加站点.PNG

获取代码

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

cnzz代码.PNG

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

{% if theme.cnzz_siteid %}





{% endif %}

修改配置文件

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

# CNZZ count
cnzz_siteid: true

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

附赠

在我的博客中，部署友盟上去之后，发现移动端的footer顶上去了。

css.PNG

哭死: ( 写博客的时候，才发现不蒜子的统计居然变少了，原来不蒜子对域名前加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前面有一个空格，一定要添加，否则博客的样式就全乱了。

欢迎访问我的个人博客：https://www.donlex.cn