更新记录

更新记录

2021-01-06

​ 引入数据统计、图表统计相关

2022-02-19

​ 自定义域名调整、网站统计调整

hexo-butterfly-数据统计相关引入

1.基础统计

字数统计

开发说明

<1>引入字数统计相关插件:

1
2
3
4
# 方式1
npm install hexo-wordcount --save
# 方式2
yarn add hexo-wordcount

<2>修改主题配置文件_config.butterfly.yml

1
2
3
4
5
wordcount:
enable: true
post_wordcount: true
min2read: true
total_wordcount: true

测试结果

​ 针对阅读次数统计除了默认的卜算子还可借助第三方服务firebase进行构建

2.报表统计

​ 借助Echarts.js构建数据报表统计,构建步骤说明如下

<1>在主题配置文件中配置inject->head引入echarts.js文件(可调整版本)

1
2
3
inject:
head:
- <script src="https://npm.elemecdn.com/echarts@4.7.0/dist/echarts.min.js"></script>

<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