你可能会发现下面的语法类似于markdown中的引用链接，特别是当你有一个文本有许多相同的图像显示时:

![optional text description of the image][number]

[number]: URL

例如:

![][1]

![This is an optional description][2]




[1]: /home/jerzy/ComputerScience/Parole/Screenshot_2020-10-13_11-53-29.png
[2]: /home/jerzy/ComputerScience/Parole/Screenshot_2020-10-13_11-53-30.png

添加一个本地图像对我来说是这样的:

没有文件://前缀，它不能工作(Win10, notepad++与MarkdownViewer++插件)

编辑:我发现它也适用于html标签，这是更好的方式: <img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/> .jpg

Edit2:在Atom编辑器中，它只在没有file://前缀的情况下工作。真是一团糟。

你可能会发现下面的语法类似于markdown中的引用链接，特别是当你有一个文本有许多相同的图像显示时:

![optional text description of the image][number]

[number]: URL

例如:

![][1]

![This is an optional description][2]




[1]: /home/jerzy/ComputerScience/Parole/Screenshot_2020-10-13_11-53-29.png
[2]: /home/jerzy/ComputerScience/Parole/Screenshot_2020-10-13_11-53-30.png

如果图像有括号，它将不会显示

![alt text](Isolated(1).png)

重命名图像并删除括号

![alt text](Isolated-1.png)

更新: 如果你在文件路径中有空格，你应该考虑重命名它，或者如果你使用JavaScript，你可以使用它编码

encodeURIComponent(imagePath)

此外，总是尝试用小写字母来保存图像和文件，请养成这个习惯，尽管这只是我个人的观点

类unix操作系统的解决方案。

创建一个名为Images的目录，并放置所有将由Markdown呈现的图像。 例如，将example.png放到Images中。 加载之前位于Images目录下的example.png。

![title](Images/example.png)

注意:图像目录必须位于markdown文本文件的相同目录下，扩展名为.md。

最好的解决方案是提供一个相对于md文档所在文件夹的路径。

浏览器在尝试解析本地文件的绝对路径时可能遇到了麻烦。这可以通过通过web服务器访问文件来解决，但即使在这种情况下，图像路径也必须是正确的。

在文档的同一级别设置一个文件夹，包含所有图像，这是最干净和最安全的解决方案。 它将加载到GitHub，本地，本地web服务器。

images_folder/img.jpg  < works


/images_folder/img.jpg  < this will work on webserver's only (please read the note!)

使用绝对路径，图像只能通过如下url访问:http://hostname.doesntmatter/image_folder/img.jpg