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 %}
详细使用方法和示例请访问:雷达图文档
-
雷达图:以雷达图形式展示最常用的文章标签。 - [] 文档更新:添加关于热力图主题、饼图参数、文章标签黑名单和图表背景颜色配置的详细指南。
- [] 折线图:用折线可视化每月的文章数量。
- [] 旭日图:用旭日图可视化嵌套的文章分类。
如果你觉得这个插件有用,请在 GitHub 上给它一个 ⭐,以表示支持并帮助更多人发现它!
欢迎贡献和新功能建议, 欢迎在 GitHub 上提交问题或拉取请求。