画图以前用的hexo的插件mermaid,转移到vuepress之后就无法使用这个插件了,以前画的图就变成一片代码了,为了减少画图的挂的可能性,以后就用draw.io画图,嵌入svg图片,本来开始希望嵌入的是base64,但是最后发现它的代码长度比svg长了不少,就放弃了。采用这种方式引入图片有一个缺点,文章变得太长了,好处就是图片稳定性增加了。

index.styl引入了样式覆盖,使得图片居中显示在文章中。

svg{ margin:0 auto; display:block;}

最近就在慢慢把图转化,发现以前做的有些图很不好,有些傻,不规范,又看了一些画图的规范,把以前不好的地方改进了一下。把图画好是个技术活。