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

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

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


当前回答

这对我来说在ubuntu中很有效:

![Image](/home/gps/Pictures/test.png "a title")

降价文件在:

/home/gps/Documents/Markdown/

图片文件在:

/home/gps/Pictures/

其他回答

最好的解决方案是提供一个相对于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

下面的工作与图像到文档旁边的子文件夹的相对路径:

![image info](./pictures/image.png)

添加一个本地图像对我来说是这样的:![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://前缀的情况下工作。真是一团糟。

基本语法是![图像描述](Any_Image_of_your_choice.png "title")。在我的例子中,我使用的图像名称为Any\ image \ of\ your\ choice.png In ![图像描述](Any\ image \ of\ your\ choice.png)而不是![图像描述](Any_Image_of_your_choice.png),这是行不通的。所以我会说,确保检查图像目录和图像名称不包含空格,如果这样使用下划线(_)而不是空格。

Ubuntu 18.04在Jupyter笔记本上使用markdown时遇到问题。

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

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