如何在降价中显示本地图像

Question

我在markdown中尝试以下操作,但似乎不起作用,任何人都知道如何在markdown中显示本地图像？我不想为此设置网络服务器.谢谢

![image](files/Users/jzhang/Desktop/Isolated.png)

Answer 1

我怀疑路径不正确.正如user7412219提到的ubuntu和win以不同的方式处理路径.尝试将图像放在与笔记本相同的文件中并使用:

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

在Windows上,桌面应位于:C:\ Users\jzhang\Desktop

Answer 2

类Unix操作系统的解决方案。

一步步 ：

1. 创建一个名为 like 的目录Images并放置所有将被 Markdown 渲染的图像。

2. 例如，把example.png成Images。

3. 加载之前example.png位于Images目录下的内容 。

![title](Images/example.png)

注意： Images目录必须与具有.md扩展名的markdown 文本文件位于同一目录下。

Answer 3

以下工作将图像的相对路径用于文档旁边的子文件夹(目前仅在Windows系统上测试):

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

Answer 4

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

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

重命名图像并删除括号

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

更新：如果文件路径中有空格，您也应该考虑重命名它，或者如果您使用 JavaScript，您可以使用

encodeURIComponent(imagePath)

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

Answer 5

通过提供相对路径,我已成功从本地文件夹加载图像.

images_folder/img.jpg  < works


/images_folder/img.jpg  < this will work on webserver's only (please read the note!)

Answer 6

添加本地图像对我有用，如下所示： ![alt text](file://IMG_20181123_115829.jpg)

没有 file://前缀它不起作用（Win10，Notepad++ with MarkdownViewer++ addon）

编辑：我发现它也适用于 html 标签，这是更好的方式： <img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>

Edit2：在 Atom 编辑器中，它只能在没有file://前缀的情况下工作。真是一团糟。

Answer 7

只需从 markdown 文件中添加相对图像文件路径即可

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

Answer 8

要在markdown文件中添加图像,.md文件和图像应位于同一目录中.在我的情况下,我的.md文件在doc文件夹中,所以我也将图像移动到同一个文件夹中.之后,在.md文件中编写以下语法

![alt text](filename)

喜欢 ![Car Image](car.png)

这对我有用.

Answer 9

这在 ubuntu 中对我有用：

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

Markdown 文件位于：

/home/gps/Documents/Markdown/

图像文件位于：

/home/gps/Pictures/

Answer 10

根据您的工具 - 您还可以将 HTML 注入 Markdown。

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

这假设您的文件夹结构是：

 ??? img
     ??? Isolated.jpg
 ??? README.md

Answer 11

编辑：

为我工作（用于本地图像）

![system schema](doc/systemDiagram.jpg)

 tree
 ??? doc
     ??? jobsSystemSchema.jpg
 ??? README.md

markdown 文件 README.md 与 doc 目录处于同一级别。

在您的情况下，您的降价文件应与目录文件处于同一级别。

为我工作（带有原始路径的绝对网址）

![system schema](https://server/group/jobs/raw/master/doc/systemDiagram.jpg)

不适合我（带有 blob 路径的网址）

![system schema](https://server/group/jobs/blob/master/doc/systemDiagram.jpg)

Answer 12

在Jupyter Notebook Markdown中，您可以使用

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

Answer 13

据我所知，对于Linux下的VSCode来说，只有将本地图片与.mdpost文件放在同一个文件夹中，才能正常显示本地图片。
即仅![](image.jpg)或![](./image.jpg)将起作用。
即使像这样的绝对路径![](/home/bala/image.jpg)也不起作用。