有人知道如何在markdown显示本地图像吗?我不想为此设置网络服务器。

我尝试以下markdown,但它不起作用:

![](文件/ \用户形象/ jzhang桌面/孤立。png)


当前回答

在Jupyter笔记本Markdown,您可以使用

<img src="RelPathofFolder/File" style="width:800px;height:300px;">

其他回答

添加一个本地图像对我来说是这样的:![alt文本](文件://IMG_20181123_115829.jpg)

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

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

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

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

STEP BY STEP :

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

![title](Images/example.png)

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

据我所知,对于Linux上的VSCode,只有当您将映像放入与.md post文件相同的文件夹中时,本地映像才能正常显示。 即只有! [](image.jpg)或![](。/ image.jpg)将工作。 甚至像![](/home/bala/image.jpg)这样的绝对路径也不能工作。

我怀疑这条路不对。正如user7412219所提到的,ubuntu和windows处理路径不同。试着把图片和你的笔记本放在同一个文件夹中,并使用:

![alt text](Isolated.png "Title")

在windows上,桌面应该在:C:\Users\jzhang\Desktop

另一种不显示本地图像的可能性是无意缩进图像引用空格![alt text](文件)之前。

这使得它成为“代码块”而不是“图像包含”。只要去掉前面的空格。