此功能始于Leonus的博客,并感谢其对此之分享。后借sco之手实现此功能,从而能应用于此博客,在此,感谢二位。特将此过程记录下来,以备忘!本教程适用于有一定博客基础以及动手能力的人群。
添加侧边栏路径:[Blogroot]\source\_data\aside.yml
1234567891011121314151617181920212223home: noSticky: - class_name: id_name: newYear name: icon: order: 9 html: ' <div class="newYear-slider"> <div class="swiper-wrapper"> <div class="swiper-slide" style="background-image:url(https://img.haiskyb ...
前言本文教程主要针对 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 配置项中引入 ...