MarkDown 贴图的技巧.md

为什么80%的码农都做不了架构师？>>>   

把图片存入markdown文件

此方法用来避免网络图片失效，和本地图片存储路径问题

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

• 基础用法：

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

这个时候会发现插入的这一长串字符串会把整个文章分割开，非常影响编写文章时的体验。

如果能够把大段的base64字符串放在文章末尾，然后在文章中通过一个id来调用，文章就不会被分割的这么乱了。就像写论文时的文末的注释和参考文档一样。

• 高级用法：

这个想法可以通过markdown的参考式链接语法来实现。 文中引用语法：

![avatar][doge]

文末存储字符串语法：

[doge]:data:image/png;base64,WSddaadcf......

这个用法不常见，比较偷巧。优点是很灵活，不会有链接失效的问题。缺点是一坨儿的base64的乱码看着不太爽，这就是美观向实用妥协。但是真的不会丢失图片呀。

ps: 你要是用OSC提供的图转BASE64的话 data后面的文件类别是 img 注意，要手动改回 image

转载于:https://my.oschina.net/Wallen/blog/826932