在 Hexo 博客里插入图表
用到了 Chartjs 的插件:hexo-tag-chart
用法总结如下:
首先在 hexo 博客的目录里运行:npm install hexo-tag-chart --save
然后在文章中就可以使用 chart 的 tag 了
1 | {% chart 90% 300 %} |
其中 chart 是标签名,endchart 是结束标签,不需要更改,90% 是图表容器的相对宽度,默认是 100%,300 是图表容器的高度,默认是按正常比例缩放的,你可以通过设置 options 里面的 aspectRatio 属性来调整宽高比例,另外还有许多属性可以自定义,你可以查看 官方文档。在标签之间的部分,需要自己填充的图表数据和属性。
我自己使用图表的页面:FIRE 基金
参考:
在 Hexo 博客里插入图表