有人知道如何在markdown显示本地图像吗?我不想为此设置网络服务器。
我尝试以下markdown,但它不起作用:
![](文件/ \用户形象/ jzhang桌面/孤立。png)
有人知道如何在markdown显示本地图像吗?我不想为此设置网络服务器。
我尝试以下markdown,但它不起作用:
![](文件/ \用户形象/ jzhang桌面/孤立。png)
当前回答
下面的工作与图像到文档旁边的子文件夹的相对路径:
![image info](./pictures/image.png)
其他回答
类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)这样的绝对路径也不能工作。
如果图像有括号,它将不会显示
![alt text](Isolated(1).png)
重命名图像并删除括号
![alt text](Isolated-1.png)
更新: 如果你在文件路径中有空格,你应该考虑重命名它,或者如果你使用JavaScript,你可以使用它编码
encodeURIComponent(imagePath)
此外,总是尝试用小写字母来保存图像和文件,请养成这个习惯,尽管这只是我个人的观点
下面的工作与图像到文档旁边的子文件夹的相对路径:
![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://前缀的情况下工作。真是一团糟。