我如何显示本地图像markdown?

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

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

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

当前回答

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

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

重命名图像并删除括号

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

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

encodeURIComponent(imagePath)

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

其他回答

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

根据你的工具-你也可以注入HTML markdown。

<img src="./img/Isolated.png">

这假设你的文件夹结构是:

 ├── img
     └── Isolated.jpg
 ├── README.md

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

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

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

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

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

重命名图像并删除括号

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

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

encodeURIComponent(imagePath)

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

推荐文章