0%

hexo中如何画图

Markdown时序图

有很多同学觉得用Markdown画图是一个很鸡肋的事儿,一是Markdown画不了太复杂的图,如果图太复杂了估计能把自己绕晕;二是Markdown画不了特别漂亮的图,比如你想通过颜色来区分一些元素的作用Markdown就无能为力了。

我以前也是持有这种态度,所以一直很反对使用Markdown画图。但最近我的思想有所改变,我认为Markdown画图还是有它的优势的。

Markdown绘图有两方面优势,一是通过Markdown画的图不占带宽,这个优势对我来说特别有吸引力。因为我的主机本来带宽就不足,要是在一篇文章中图片太多的话页面加载的速度就太慢了。

二是Markdown的绘图功能还在不断发展中,没准那天就可以做到手工在页面里直接编辑的程度了,我相信这一天不会太迟到来。

例子

下面这两幅图就是用Markdown语法绘制的,第一个是流程图,第二个是时序图。看着是不是觉得也还蛮不错的呢?

  • 流程图

  • 时序图

插件

当然,目前要想实现Markdown绘图还需要安装插件,对于每种不同类型图要安装不同的插件。绘制流程图要安装hexo-filter-flowchart; 绘制时序图要安装hexo-filter-sequence

安装的方法以及Markdown的语法我以后再来补充

小结

在Markdown上绘制图型还是有它的优势的,尤其对于自建博客的同学会更愿意偿试这种方式绘制图型。

  • 本文作者: 音视跳动-李超 [avdance@163.com]
  • 本文链接: https://blog.avdancedu.com/f3ccc53/
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!

欢迎关注我的其它发布渠道