在jupyter相对图像路径中的降价

Question

我正在制作一个jupyter笔记本。如果重要，我的操作系统是Windows 10.我的文件夹结构使得笔记本位于名为Code的文件夹中，并且在名为Data的文件夹中有一些图像，它与Code处于同一级别。例如，如果笔记本被称为jupnotebook.ipynb，其中一个图像被称为im1.png，我的文件夹结构如下所示：

Project
├───Code
│   ├───.ipynb_checkpoints
│   └───jupnotebook.ipynb
└───Data
    └───im1.png

在jupyter笔记本中使用markdown，我希望能够在Data文件夹中显示图像，而不使用图像的绝对路径。到目前为止，我还没能做到这一点。我尝试了类似的代码：

<img src = "./Data/im1.png">

这不起作用。如何在markdown中显示具有相对路径的图像，这些路径需要上一个（或多个）目录，然后进入子目录？

感谢。

Answer 1

这是一个相当古老的任务。答案可以在其他地方找到，但为了节省您的时间，我将在这里回答这个问题。

直到现在，似乎没有简单的方法可以用markdown语法做你想要的事情，正如我所知道的那样（如果我错了，请发布它。这将非常有用）。

我发现的唯一方法是Reblochon Masque在（How to Include image or picture in jupyter notebook）中提出的方法。 即导入一些模块并使用它们。

from IPython.display import Image 
from IPython.core.display import HTML 

PATH = "C:/test../../Project/Data/" 
Image(filename = PATH + "im1_1.jpg", width=556, height=818)

从我的测试中，我可以说他的代码会起作用。

不幸的是，使用markdown语法，图像文件应该位于笔记本文件所在的同一文件夹中。假设test.ipynb位于“Python_Practice_Scripts”文件夹中。然后你应该将你的图像文件放在同一个文件夹中。现在，您可以按如下方式包含图像：

![test](../Python_Practice_Scripts/Open_file.png)

或

<img src="../Python_Practice_Scripts/Open_file.png" alt = "test pic" style = "width:1182px; height=702px;">

这很烦人。这会混淆文件组织。后来，Jupyter项目团队应该在我看来做一些事情，即使我非常感谢他们的努力。

Answer 2

尝试../Data / im1.png

![Description](../Data/im1.png)

Answer 3

有一个github issue。使用user3558855的示例，笔记本服务器需要在Project /而不是Code /中启动。然后user6355317给出的相对路径应该有效。

Answer 4

我无法使它用于其他驱动器上的图像。我的解决方法是使用菜单项

编辑>插入图像

尽管我认为这会将图像添加到笔记本的状态，而不是像原始海报所希望的那样指向本地文件。最终的降价看起来像这样：

m![graph.png](attachment:graph.png)