Skip to content

Latest commit

 

History

History
92 lines (59 loc) · 3.53 KB

README.md

File metadata and controls

92 lines (59 loc) · 3.53 KB

Hexo-Stats-ECharts

NPM Version NPM Downloads License

hexo-stats-echarts 是一个轻量级且视觉精美的 Hexo 插件,旨在帮助你轻松地可视化和分析博客的统计数据。只需 一行代码,你就可以在 任何 Hexo 页面或文章中无缝插入美观且可定制、可交互的图表。

语言: 🇺🇸 🇨🇳

概述

该插件基于 Hexo Tag Plugins 框架,并利用强大的 Apache ECharts 库,将原始的博客统计数据(如文章发布频率、标签和分类)转化为优雅的交互式图表。

图表会根据浏览器的设置动态切换 深色模式浅色模式,完美适配你的网站主题。无论你是追踪写作习惯,还是展示博客活动,该插件都能提供无缝且引人入胜的体验。

本插件灵感来源于 hexo-graph。如果你正在寻找其他解决方案,也可以试试这个!

安装

在你的 Hexo 项目目录中运行以下命令以安装插件:

npm install hexo-stats-echarts

支持的图表

热力图

通过交互式热力图可视化你的每日文章发布情况。

快速开始:将以下代码片段插入到 任何 Hexo 文章或页面中:

{% heatmapchart %}博客热力图{% endheatmapchart %}

详细使用方法和示例请访问:热力图文档

饼图

按标签或年份可视化你的博客数据。

快速开始:将以下代码片段插入到 任何 Hexo 文章或页面中:

  • 按标签统计
{% piechart tags %}标签饼图{% endpiechart %}
  • 按年份统计
{% piechart years %}年份饼图{% endpiechart %}

详细使用方法和示例请访问:饼图文档

雷达图

按标签或年份可视化你的博客数据。

快速开始:将以下代码片段插入到 任何 Hexo 文章或页面中:

  • 按标签统计
{% radarchart tags %}标签雷达图{% endradarchart %}
  • 按年份统计
{% radarchart years %}年份雷达图{% endradarchart %}

详细使用方法和示例请访问:雷达图文档

计划中的功能 (TODO)

  • 雷达图:以雷达图形式展示最常用的文章标签。
  • [] 文档更新:添加关于热力图主题、饼图参数、文章标签黑名单和图表背景颜色配置的详细指南。
  • [] 折线图:用折线可视化每月的文章数量。
  • [] 旭日图:用旭日图可视化嵌套的文章分类。

反馈与支持

如果你觉得这个插件有用,请在 GitHub 上给它一个 ⭐,以表示支持并帮助更多人发现它!

欢迎贡献和新功能建议, 欢迎在 GitHub 上提交问题或拉取请求。