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

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

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


当前回答

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

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

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

其他回答

我在R Markdown中插入图像时遇到了问题。如果我做整个URL: C:/Users/Me/Desktop/Project/images/image.png,它倾向于工作。否则,我必须把标记放在与图像相同的目录中,或者放在它的祖先目录中。在引用图像时,似乎忽略了声明的编织目录。

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

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

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

重命名图像并删除括号

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

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

encodeURIComponent(imagePath)

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

只需从markdown文件中添加相对图像文件路由

![localImage](./client/src/assets/12.png)

基本语法是![图像描述](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时遇到问题。