Question

我在降价时尝试以下操作，但似乎不起作用，任何人都知道如何在降价显示本地图像？我不想为此设置网络服务器。感谢

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

Answer 1

我怀疑路径不正确。正如user7412219所提到的，ubuntu和windows处理路径的方式不同。尝试将图像放在与笔记本相同的文件夹中并使用：

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

在Windows上，桌面应位于：C：\ Users \ jzhang \ Desktop

Answer 2

以下内容适用于图像到文档旁边子文件夹的相对路径（当前仅在Windows系统上经过测试）：

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

Answer 3

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

![alt text](filename)

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

这对我有用。

Answer 4

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

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

重命名图片并删除括号

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

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

对其进行编码

encodeURIComponent(imgName)

Answer 5

添加本地图像对我来说很有效，例如：npm publish

没有![alt text](file://IMG_20181123_115829.jpg)前缀是不起作用的（Win10，带有MarkdownViewer ++插件的Notepad ++）

编辑：我发现它也可以与html标记一起使用，这是更好的方法： file://

Edit2：在Atom编辑器中，只有可以使用而没有<img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>前缀。真是一团糟。

Answer 6

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

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

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

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

Answer 7

*有很多不同的方法可以做到这一点。

* 我的方法是 ：

创建一个名为 “图像” 的目录。放置将在Markdown文本中使用的所有图像。
例如，将“ example.png ”放入“ 图片”
要加载之前位于“图片” 中的“ example.png ”。

![title](Images/example1.png)

它对我有用。我希望它也对你有用。

当前操作系统：Linux Mint

Answer 8

在https://github.com/angular/angular.js/issues/16441中，您可以使用

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

Answer 9

未显示本地图像的另一种可能性是图像引用的无意缩进 - ![alt text](file)之前的空格。

这使它成为代码块＆＃39;而不是图像包含＆＃39;。只需删除前导空格。

Answer 10

只需复制图像然后粘贴，您将获得输出

![image.png](attachment:image.png)

Answer 11

基本语法是![Image description](Any_Image_of_your_choice.png "title")。就我而言，我在 Any\ Image\ of\ your\ choice.png 中使用图像名称作为 ![Image description](Any\ Image\ of\ your\ choice.png) 而不是 ![Image description](Any_Image_of_your_choice.png) 并且它不起作用。所以我会说确保检查图像目录并且图像名称不包含空格，如果使用下划线（_）而不是空格。

在 Ubuntu 18.04 的 Jupyter notebook 中使用 Markdown 时遇到问题。

Answer 12

据我所知，对于Linux上的VSCode，只有将图像放入与.md发布文件相同的文件夹中时，才能正常显示本地图像。
也就是说，只有![](image.jpg)或![](./image.jpg)才有效。
甚至![](/home/bala/image.jpg)之类的绝对路径也不起作用。

Answer 13

编辑：

为我工作（针对本地图片）

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

 tree
 ├── doc
     └── jobsSystemSchema.jpg
 ├── README.md

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

对于您而言，您的降价文件应与目录文件处于同一级别。

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

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

不为我工作（带有Blob路径的网址）

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

Answer 14

我在R Markdown中插入图像时遇到问题。如果我执行整个URL：C:/Users/Me/Desktop/Project/images/image.png，那么它似乎可以工作。否则，我必须将markdown放到与图像相同的目录中，或者放到其祖先目录中。似乎在引用图像时会忽略声明的编织目录。

Answer 15

将图像放在与降价文件相同的文件夹中，或使用图像的相对路径。

Answer 16

您可能会发现遵循类似于reference links in markdown的语法很方便，尤其是当您的文本中有很多显示相同图像的情况时。

![optional text description of the image][number]

[number]: URL

例如：


![][1]

![This is an optional description][2]




[1]: /home/jerzy/ComputerScience/Parole/Screenshot_2020-10-13_11-53-29.png
[2]: /home/jerzy/ComputerScience/Parole/Screenshot_2020-10-13_11-53-30.png

Answer 17

无需设置网络服务器

我尝试将我的本地图像上传到要点的注释部分，然后简单地复制并粘贴生成的URL。为我工作?

Answer 18

我有一个解决方案：

a）互联网示例：

![image info e.g. Alt](URL Internet to Images.jpg "Image Description")

b）本地图片示例：

![image Info](file:///<Path to your File><image>.jpg "Image Description")
![image Info](file:///C:/Users/<name>/Pictures/<image>.jpg "Image Description")

TurboByte

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

18 个答案:

为我工作（针对本地图片）

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

不为我工作（带有Blob路径的网址）