前言本文教程主要针对 Hexo 博客,对博客的文章发布时间、文章分类、文章标签的维度绘制统计图,使用的是 ECharts 开源可视化库。具体效果可以点击本站的 统计–文章统计 页面查看。
2021-05-17 新增主题“明暗模式”下统计图的颜色切换。
2021-11-30 新增标签统计图和分类统计图的页面跳转功能。
2022-05-07 新增文章发布统计图自定义统计开始日期属性 data-start。
2022-08-15 V2.0 适配多层级分类,单层分类时显示饼状图,多层分类时显示旭日图; 多分类时页面也可以跳转到子分类页面。
如果想绘制博客站点访问统计图的可以参考文章 Hexo 博客实时访问统计图
新建 charts 页面
使用命令创建
手动创建
1hexo new page charts
引入 ECharts.js
echarts.js 必须在渲染 echarts 实例的 JavaScript 前引入。
全局引入
页面引入
以 butterfly 主题为例,可以在 [Blogroot]\_config.butterfly.yml 的 inject 配置项中引入 ...