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

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

要么将图像放在与markdown文件相同的文件夹中，要么使用图像的相对路径。

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

![image info](./pictures/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

要在markdown文件中添加图像，.md文件和图像应该在同一个目录中。在我的情况下，我的.md文件是在doc文件夹，所以我也移动图像到相同的文件夹。然后在.md文件中写入以下语法

![alt text](filename)

[汽车图片](Car .png)

这对我来说很有效。

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

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

重命名图像并删除括号

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

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

encodeURIComponent(imagePath)

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