hexo-butterfly-数据统计相关引入
hexo-butterfly-数据统计相关引入
1.基础统计
字数统计
开发说明
<1>引入字数统计相关插件:
| 1 | # 方式1 | 
<2>修改主题配置文件_config.butterfly.yml
| 1 | wordcount: | 
测试结果

 针对阅读次数统计除了默认的卜算子还可借助第三方服务firebase进行构建
2.报表统计
 借助Echarts.js构建数据报表统计,构建步骤说明如下
<1>在主题配置文件中配置inject->head引入echarts.js文件(可调整版本)
| 1 | inject: | 
<2>在butterfly\scripts\helpers\目录下创建自定义的charts.js文件
<3>创建一个统计页面,在文章中引入容器装载统计图
常见问题
    如果构建过程中出现一些依赖引入相关问题,正常执行引入即可,例如 err: Error: Cannot find module 'cheerio',执行 npm i cheerio --save 安装相关依赖
3.分析统计
 可引入多个平台资源的统计数据,在主题配置文件中配置相应的代码即可
- 登录网站统计,管理->网站列表->新增自有网站,输入网站域名后确认 
- 代码管理->代码获取,在代码获取页面查看相应的字段内容( - hm.src = "https://hm.baidu.com/hm.js?xxxx),其中xxxx为相应的- baidu_analytics值
- 配置完成并发布可在网站列表->自有网站中检查首页代码状态
- 登录谷歌分析官网,创建账号并创建媒体资源(一个账号可控制多个媒体资源) 
- 在媒体资源中创建数据流->添加网站资源,完成后可查看信息,对应衡量ID则为 - google_analytics值
- 登录CNZZ分析官网,注册站点 
- 站点设置 -> 获取代码 -> 获取web_id即为 - cnzz_analytics值
- 登录Microsoft Clarity,Add New Project 
- 选择构建完成的Project->Set up->查看 - Clarity tracking code









