MarkDown插入图片的三种方式

版权声明：个人水平有限，表述不当或疏漏之处欢迎读者提问交流，共同进步！ 作者：J__Max 非商业转载请注明出处，商业转载请联系作者获得授权。 https://blog.csdn.net/J__Max/article/details/83721160

MarkDown插入图片的三种方式

插入本地图片

• 只需要在基础语法的括号中填入图片的位置路径即可，支持绝对路径和相对路径

![avatar](/home/picture/1.png)

插入网络图片

• 在基础语法的括号中填入图片的网络链接即可，现在已经有很多免费/收费图床和方便传图的小工具可选

![avatar](http://....../***/***.png)

使用base64对图片进行编码

• 用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置

![avatar](data:image/png;base64,iVBORw0......)

• 不过base64对图片进行编码得到的字符串会较长，我都是把这些字符串放在文件尾部，然后在需要插入图片的位置进行引用，具体方法如下：

![avatar][base64str]

[base64str]:data:image/png;base64,iVBORw0...

• 还有就是，我写了两个python程序来对图片进行编码和解码：

  • 图片转化为base64字符串： 传送门

  • base64字符串转化为图片： 传送门