在 Hexo 中插入 Chart 动态图表
文章来源: 作者: Shen-Yu 链接: https://shen-yu.gitee.io/2020/chartjs/ 来源: 岛 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 Chartjs 简介Chartjs 是一款简单优雅的数据可视化工具,对比其他图表库如 ECharts、Highcharts、C3、Flot、amCharts 等,它的画面效果、动态效果都更精致,它的 文档首页 就透出一股小清新,基于 HTML5 Canvas,它拥有更好的性能且响应式,基本满足了一般数据展示的需要,包括折线图,条形图,饼图,散点图,雷达图,极地图,甜甜圈图等。 Hexo 中的 Chartjs为了方便在 Hexo 中使用这么漂亮的图表库,我自己写了一个 Hexo 的 Chartjs 插件。插件的安装和使用非常的简单,只需要进入博客目录,然后打开命令行,用 npm 安装一下: 1npm install hexo-tag-chart --save 之后在文章内使用 chart 的 tag 就可以了 123{% chart 90% 300 %}\\TO ...
Markdown 基本语法
Markdown 应用 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。 Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。 Markdown 编写的文档可以导出 HTML、Word、图像、PDF、Epub 等多种格式的文档。 Markdown 编写的文档后缀为 .md 或 .markdown。 Markdown 能被使用来撰写电子书,如:Gitbook。 当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如:GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge 等。 Markdown 标题Markdown 标题有两种格式。 使用 = 和 - 标记一级和二级标题 = 和 - 标记语法格式如下: 12345一级标题=======二级标题------- 使用 # 号标记 使用 # 号克表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。 123456# 一级标 ...
Front-matter
Page Front-matter 写法 解释 title 【必需】页面标题 date 【必需】页面创建日期 type 【必需】标签、分类和友情链接三个页面需要配置 updated 【必需】标签、分类和友情链接三个页面需要配置 description 【可选】页面描述 keywords 【可选】页面关键字 comments 【可选】显示页面评论模块 (默认 true) top_img 【可选】页面顶部图片 mathjax 【可选】显示 mathjax (当设置 mathjax 的 per_page: false 时,才需要配置,默认 false) katex 【可选】显示 katex (当设置 katex 的 per_page: false 时,才需要配置,默认 false) aside 【可选】显示侧边栏 (默认 true) aplayer 【可选】在需要的页面加载 aplayer 的 js 和 css highlight_shrink 【可选】配置代码框是否展开 (true/false) (默认为设置中 highligh ...
Hello Hexo
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment