将图片嵌入Markdown文档

将图片嵌入Markdown文档中是一个比较难受的事情。一般大家都会将图片存入本地某个路径或者网络存储空间,使用URL链接的形式插入图片。

![image][url_to_image]

将图片放到本地的时候如果想将文档分享给朋友或者换台电脑就必须要保持图片的路径地址的一致性。

放到网上又不免会出现链接失效或者被误删的情况。

有没有办法将图片和Markdown文档合二为一呢?

当然是可以的

首先我们将图片转为base64编码。

具体怎么转换大家自行百度

image

然后使用

![image][data:image/png;base64, ......]

不过base64编码一般很长,直接将编码放入段落内部会影响正常编辑。通常的做法是将base64编码定义到一个中间变量中,将编码本体放到文档末:

![image][tmp]
your document here ...

[tmp]:data:image/png;base64, ......

image

注意:

​ 并不是所有的Markdown编辑器都支持这种方法。而且一些Markdown编辑器只支持特定的图片格式。比如有道云只支持png格式的图片编码。并且要注意图片大小超过1M可能会卡死保存图片文件的时候要注意。

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值