因网络问题只有具有魔法资质的人才能看见完整的全部内容哦~ 勇敢的你快成为魔法少女吧!

文章时效性提示

这是一篇发布于 574 天前的文章,部分信息可能已发生改变,请注意甄别。

# 踩坑记录

  • hexo-shokax-posts-statistics

# hexo-shokax-posts-statistics

  1. 开始统计时间设置

如出现引入 postsChart 报错,在配置文件加入统计时间后仍不能解决,可以参考以下方式解决。

图 shokaX主题插件配置踩坑指北 - 1693121952120 - 0
如图,在 post-statistics.js 中搜索函数 postsChart 。将原有根据配置获取时间,改为直接使用时间字符串。

const startDate = moment(new Date("2023/08/23"))  // 开始统计的时间
  1. 如何使用

插件文档并未说明如何使用该插件。使用方法为,在页面上插入对应 id 的 dom 元素,同时设置其高宽。

例如在 hexo\source\about\index.md 网站关于页面插入图标。

---
title: 关于本站
date: '2023-08-26 11:47:37'
updated: '2023-08-26 11:47:37'
---
<div id="posts-calendar" style="width: 100%; height: 300px"></div>
<div style="display: flex">
<div id="posts-chart" style="flex:0 0 48%; height: 400px"></div>
<div id="tags-chart" style="flex:0 0 48%; height: 400px"></div>
</div>
<div id="categories-chart" style="width: 100%; height: 500px"></div>
  1. 出现缺少 ECharts 模块错误

如下引入对应 js 文件即可:

---
title: 关于本站
date: '2023-08-26 11:47:37'
updated: '2023-08-26 11:47:37'
---
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.4.2/echarts.min.js"></script>
<div id="posts-calendar" style="width: 100%; height: 300px"></div>
<div style="display: flex">
<div id="posts-chart" style="flex:0 0 48%; height: 400px"></div>
<div id="tags-chart" style="flex:0 0 48%; height: 400px"></div>
</div>
<div id="categories-chart" style="width: 100%; height: 500px"></div>