在Typora中永久插入图片

Typora这个编辑器还可以,之前个人觉得最大的缺点是图片,因为是在内网离线编辑,只要离开的导入的目录路径就会找不到;还有一种是网上的图片的url链接,但这种也有风险会找不到。

之前转给别人的唯一方式就是导出成PDF,但是最近发现别人通过base64的方式也可以,这串数据复制到浏览器是可以直接访问的资源,在搜索的时候发现在CSS中常用,它的名称是Data URI scheme,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。

base64格式例如以下,复制它到浏览器访问是一张图片:

data:image/png;base64,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

在typora里插入的方法:
1、例如<img src=''>,在src里输入这段编码;
2、通过常见的![][src],src里是编码,可以看到这里是中括号[],而不是括号。

另外,因为编码比较长,且图片可能较多,所以有的时候我们可以通过把src换成图片编号,然后在文档最后将图片编号指向编码。
示例:

![][1]
![][2]

[1]:base64编码
[2]:base64编码

1、网站很多,比如一个在线的:http://tool.chinaz.com/tools/imgtobase
2、github上有python脚本,有时离线不方便,而刚好你有python环境的话,可以试试,这个的好处是你可以像平常一样导入本地路径,然后保存之后,使用脚本对这整个md文件进行压缩后base64编码,一键转换:https://github.com/hujingnb/markdownImage/tree/master

posted @ 2020-12-21 18:19  苏酒酒  阅读(750)  评论(0编辑  收藏  举报