将图片嵌入Markdown文档

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

![image][url_to_image]

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

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

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

当然是可以的

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

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

然后使用

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

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

![image][tmp]
your document here ...[tmp]:data:image/png;base64, ......

注意：

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

将图片嵌入Markdown文档相关推荐

idea中的markdown文档如何插入图片
一.情景说明有些时候我们需要在我们的项目中写类似readme.md文档,聪明的你知道怎么在该文档中插入本项目中的图片? 二.markdown中插入本地图片插入网络图片 ![github](ht ...
C#解析Markdown文档，实现替换图片链接操作
前言又是好久没写博客了其实也不是没写,是最近在「做一个博客」,从2月21日开始,大概一个多星期的时间,疯狂刷进度,边写代码边写了一整系列的博客开发笔记,目前为止已经写了16篇了,然后上3月之后工作 ...
python下载图片到文件夹_python实现解析markdown文档中的图片，并且保存到本地~
背景前阵子简书好像说是凉了,搞得我有点小慌,毕竟我的大部分博客都是放在简书上面的,虽然简书提供了打包导出功能,但是只能导出文字,图片的话还是存在简书服务器上面,再加上我一直想要重新做一个个人博客,于 ...
解决typora 或markdown文档图片失效问题
[解决typora 或markdown文档图片失效问题] 在使用 typora 编写笔记的时候,经常会插入一些图片,但是typora的markdown中一般不会存储图片,只是存储图片路径. [问题描述 ...
工具：语雀导出MarkDown文档后图片修复
微信公众号:乌鸦安全扫取二维码获取更多信息! 01 描述在比较早的时候,我比较纠结记笔记的产品,最初的时候是在使用Typora在本地写Markdown文档,后来试用了一下印象笔记,但是它的缺点 ...
MarkDown文档添加图片题注
MarkDown文档添加图片题注图片: <table> <tr> <td> <center> <img src="assets/003 ...
linux 如何查看终端格式,你应该还不知道，Linux终端下的 Markdown 文档查看器
原标题:你应该还不知道,Linux终端下的 Markdown 文档查看器现在,Markdown 差不多已经成为技术文档的标准.它可以实现技术文档的快捷写作,以及输出发布.同样都是标记语言,但Mark ...
linux文档查看器翻译,mdv – Linux终端下的 Markdown 文档查看器
现在,Markdown 差不多已经成为技术文档的标准.它可以实现技术文档的快捷写作,以及输出发布.同样都是标记语言,但Markdown 文档相比HTML更加简单.一是体现在标记符的数量上,二是体现在标 ...
VScode编辑同步Markdown文档到印象笔记
VScode编辑同步Markdown文档到印象笔记第一步下载VSCode 到Visual Studio Code官网下载VSCode,并安装第二步安装VScode相关插件需要两个插件: ev ...

将图片嵌入Markdown文档

将图片嵌入Markdown文档相关推荐

最新文章

热门文章