Markdown中插入图片有什么技巧?

语法说明中是以链接的形式插入,但在本地编辑一个文档的话就会图和文档分离(类似下载后的html网页),使用不便,有什么好办法解决吗?
关注者
657
被浏览
279,643

59 个回答

利用github存储图片,在markdown引用图片链接地址 步骤如下:
1.将markdown需要用的图片放到git仓库中,发布到github上

2.访问github仓库,smshen/MarkdownPhotos · GitHub

3.访问图片MarkdownPhotos/test.jpg at master · smshen/MarkdownPhotos · GitHub

4.点 download 按钮,在地址栏可以复制图片地址,或者在Download按钮上直接右键 "复制链接地址"

5.拷贝链接地址raw.githubusercontent.com

6.在Markdown中引用图片,![Aaron Swartz](raw.githubusercontent.com)



使用相对路径插入图片。比如你把一个叫做1.png的图片和*.md文件放在一起,那么你就可以用这种方式插入图片:![](1.png)

如果不想放在同一层级,那么就可以这样插入:![](foldername/1.png) 表示引用同层级一个叫做"foldername"的文件夹中的1.png图片,以此类推.

应该所有markdown软件都支持这种语法吧,我用过的Mou ,macDown,Visual Studio Code等等是支持这种写法的。最大的优点就是不需要网络,做到本地存放图片。(Ulysses这种程序自己管理图片资源的软件最好不要这么干.)

同理可以用绝对路径,不过不推荐。(如Windows中写 C:\1.png)

PS:更奇葩一点的做法就是,自己开一个本地服务器,自己做本地图片链接。。。

最后,给国人打个广告,MacOS上墙裂推荐使用MWeb!

同样可以软件内部管理的还有Ulysses,比较贵,我目前是和MWeb一起用的,各有优势。(Ulysses可以直接把不太复杂HTML转为Markdown,有MWeb缺少但是正在做的iOS客户端)


===== 2016.10.22 Update =====

如果一定要用外链(http/https链接),在macOS平台上可以用iPic把剪切板中的图片一键生成外链,然后将上传的链接以Markdown形式的语法再写回剪切板。图床包括微博,七牛,Amazon,阿里云,Imgur等。但是需要注意的是,务必要保存一份在本地,不然一旦图床被墙或关闭服务...


===== 2017.1.5 Update =====

MWeb For iOS已经出了,内购半价优惠中。



PS:现在有一种格式叫做TextBundle获得了不少的知名笔记软件的支持,Welcome to TextBundle.org!,比如Ulysses,Bear等等,主要适合于iOS/macOS系统的沙盒环境在应用之间的文件共享,MWeb作者说在开发中 textbundle? · Issue #528 · oulvhai/MWeb-issues 。用这种方案意味着有一种统一的格式处理md文件和附件(如图片)的位置关系了。