【收藏】Markdown中嵌入base64图片

Sep 8, 2018 21:04

作者:cxs123678

原文链接: https://blog.csdn.net/cxs123678/article/details/82533306

在有道云做笔记的时候,常常使用markdown记笔记,这样看起来更加清晰,但是涉及到图片的时候,常用的处理方法是:

1、将本地的图片地址传入
2、将网络上的图片地址传入。

这两种方式都存在一个问题:

第一种方式,如果我们在阅读markdown的时候本地环境中没有这张图片时,图片会显示不出来。
第二种方式,如果网站做了防盗链,图片也不能显示出来。

但如果使用base64的编码将图片嵌入文档中,便不会出现以上问题,这时图片将成为文档中的一部分。
步骤如下:

1、将图片或截图保存在本地;
2、使用在线工具将图片转码至base64编码;(链接
3、 在文档中插入编码;![image](base64)

这时又有一个问题,就是图片转换为base64之后,这段代码特别长,会影响到我们书写笔记,所以我们采用为图片代码设置image id,将这段代码放在最后即可!

格式如下:

![image][image id]
you can write your document here
[image id]:your image's base64
  • 1
  • 2
  • 3
  • 4

这样就可以实现将图片内嵌入markdown中了