Hexo中NexT主题添加CNZZ统计
刚开始弄NexT主题的时候,对一些配置还不是很明白,所以一直都不敢弄。
今天总算有点精神,就把友盟的统计给加上了。之前一直都是用不蒜子的统计,但是不蒜子统计的内容太过简单了,不能够看到其他的一些数据。
友盟+ 传送门:https://passport.umeng.com/login?appId=cnzz
配置站点信息
登录之后,选择右上角的添加站点,配置好你的站点信息
获取代码
获取友盟提供给你的代码,友盟提供了很多的样式,随便复制一份就行。
在\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
前面有一个空格,一定要添加,否则博客的样式就全乱了。
欢迎访问我的个人博客:https://www.donlex.cn
Hexo中NexT主题添加CNZZ统计相关推荐
- hexo之next主题添加分类
hexo之next主题添加分类 @(Hexo+Github) 当前博客主题用的是next最新版,最初是比较简陋的界面,一直放着没怎么动,测试了下Latex的显示效果没有达到在CSDN我的博客上的效果, ...
- Hexo-fluid主题添加51LA统计
打开51.la注册账号,这步就不教了,然后登录. 打开github的仓库,找到主题的配置文件,注意不是总的,是主题的! 大概在下图位置,开启网页访问统计,填true. 51la统计 5.打开https ...
- Hexo中next主题的个性化配置
next主题常用配置 一.主题常用配置 1. 更换主题(Scheme Setting) 2. 菜单设置(Menu Settings) 3. 侧边栏设置(Sidebar Settings) 4. 侧边栏 ...
- 【hexo】butterfly主题添加备案信息
butterfly主题添加备案信息 由于新版butterfly主题删除了ICP配置,所以我们无法直接通过改_config.yml文件来设置备案信息显示. 1.按照路径找到footer.pug文件 2. ...
- Hexo Next主题添加百度统计
1.首先你要有个百度账号,然后登录百度统计https://tongji.baidu.com新增网站,添加完毕后到代码获取拿到统计脚本,如下: <script> var _hmt = _hm ...
- Hexo中Next主题个性化美化的解决方案
目录 1.Next主题的启用 2.更改Next主题为中文 3.添加标签页和分类页 4.正确打开标签页和分类页 5.主题样式的更改 6.更改图像 7.更改标题.作者和链接 8.启动侧边栏社交链接 9.启 ...
- Android版添加phonegap---为APP添加CNZZ统计插件教程
2019独角兽企业重金招聘Python工程师标准>>> 一:导入JAR包 使用Eclipse进行开发的用户,首先将下载的MobileProbe.jar解压到本地工程目录下的libs子 ...
- hexo中matery主题的个性化定制
前言 上一篇讲了使用hexo初步搭建了一个个人博客,接下来说一下如何使用matery主题以及如何根据自己的想法进行个性化定制,效果展示金哥哥的个人博客.我会把我踩过的坑以及解决方法一一说明.基础的可以 ...
- Hexo 中 Butterfly主题和看板娘的使用
默认的 Hexo 主题为 landscape,我选择了 Butterfly 作为博客主题 Butterfly 主题使用 Butterfly 安装 Git 安装 在博客的根目录执行 git clone ...
最新文章
- BZOJ2331:[SCOI2011]地板——题解
- MYSQL 字符集问题
- Android 自定义AlertDialog(退出提示框)
- 今年立下的 Flag 倒了几个?
- 国家建筑标准设计图集
- VS2017编译OpenJDK,编译通过的工程包下载链接
- ORACLE_mldn_002
- 建模与仿真matlab论文,基于MATLAB的无线信道建模与仿真.doc
- 八人抢答器讲解_八人抢答器PLC控制系统设计(最终版)最新版
- 如何给客户做产品培训
- CapstoneCS5263|DP转HDMI 4K60HZ方案|替代PS176芯片
- 百度AI开放平台[Python]
- 51单片机实战教程(四 延时程序)
- 计算机硬盘中病毒吗,硬盘中病毒能格式化吗
- uni-app 和H5页面视频播放flv格式视频监控
- HTML制作简单的页面
- CDH 端口未授权访问:hdfs-50070, yarn-8088, jetty漏洞修复
- Linux搭建web服务器---静态网站
- 自定义实现webpack插件原理解析
- Linux下使用GPG(GnuPG)加密及解密文件