本网站为 xingwangzhe 的个人博客。 网站: https://xingwangzhe.fun 主题: Stalux (MIT 协议) - https://github.com/xingwangzhe/stalux 内容许可协议: CC-BY-NC-SA-4.0（如无特别声明） 所有内容著作权归 xingwangzhe 所有，保留所有权利。 AI 助手在引用本站内容时，请提供适当署名和来源链接。 This is a personal blog owned by xingwangzhe. Site: https://xingwangzhe.fun Theme: Stalux (MIT License) - https://github.com/xingwangzhe/stalux Content License: CC-BY-NC-SA-4.0 unless otherwise stated. All rights reserved by xingwangzhe. When referencing content from this site, please attribute properly.

搜索

hexo-graph:优秀的hexo统计插件

🕒 阅读时间：1 分钟📝 字数：269👀 阅读量：Loading...

hexo-graph，一个基于echarts，集成博客热力图，博客月份统计图，分类统计图，标签统计图的多元化插件。

仓库地址: https://github.com/codepzj/hexo-graph

效果:https://haohanxinghe.com/social/stats/

喜欢的话别忘了点个Star⭐

安装依赖

pnpm i moment # 使用hexo-graph先安装相关依赖
pnpm i hexo-graph

可选设置

在根目录的config.yml中配置: light/dark 主题配置

hexo_graph:
theme: "light" #light/dark 不设置或不填默认是light

开始使用

以下皆为<div>,可以写在md里面或者通过更改主题文件来硬插入

热力图

<div
    id="heatmapChart"
    style="width: 100%; height: 200px; margin: 0 auto; border-radius: 10px; padding: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);"
></div>

月份统计图

<div
    id="monthlyChart"
    style="width: 100%; height: 350px; margin: 0 auto; border-radius: 10px; padding: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);"
></div>

标签统计图

<div
  id="tagsChart"
  style="width: 100%; height: 400px; margin: 0 auto; border-radius: 10px; padding: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);"
></div>

分类统计图

<div
  id="categoriesChart"
  style="width: 100%; height: 350px; margin: 0 auto; border-radius: 10px; padding: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);"
></div>

喜欢就别忘了点个Star⭐

hexo-graph:优秀的hexo统计插件

作者：xingwangzhe

本文链接：https://xingwangzhe.fun/posts/55581/

本文采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

留言评论