我想包括在木星笔记本图像。

如果我做了以下操作,它就会起作用:

from IPython.display import Image
Image("img/picture.png")

但我想包括在markdown单元格和下面的代码给出一个404错误的图像:

![title]("img/picture.png")

我也试过

![texte]("http://localhost:8888/img/picture.png")

但我仍然得到相同的错误:

404 GET /notebooks/%22/home/user/folder/img/picture.png%22 (127.0.0.1) 2.74ms referer=http://localhost:8888/notebooks/notebook.ipynb

当前回答

同意,我有同样的问题,这是什么工作,什么不:

WORKED: <img src="Docs/pinoutDOIT32devkitv1.png" width="800"/>
*DOES NOT WORK: <img src="/Docs/pinoutDOIT32devkitv1.png" width="800"/>
DOES NOT WORK: <img src="./Docs/pinoutDOIT32devkitv1.png" width="800"/>*

其他回答

这在廉价牢房里很管用。不知何故,我不需要特别提到它是一个图像或一个简单的文件。

![](files/picture.png)

我发现的一件事是,你的图像的路径必须是相对于笔记本电脑最初加载的地方。如果你cd到一个不同的目录,如图片,你的Markdown路径仍然相对于原始加载目录。

我很惊讶这里没有人提到html单元格魔法选项。 从文档(IPython,但同样为Jupyter)

% % html 将单元格呈现为HTML块

在markdown中,您不能在图像文件的名称周围使用引号!

如果仔细阅读错误消息,您将在链接中看到%22的两个部分。这是html编码的引号。

你得换条线

![title]("img/picture.png")

to

![title](img/picture.png)

更新

假设您拥有以下文件结构,并且在文件示例所在的目录中运行jupyter notebook命令。Ipynb(<——包含图像的markdown)被存储:

/
+-- example.ipynb
+-- img
    +-- picture.png

如果你想使用Jupyter Notebook API(而不是IPython API),我找到了ipywidgets Jupyter的子项目。您有一个Image小部件。Docstring指定你有一个值参数,它是一个字节。所以你可以这样做:

import requests
from ipywidgets import Image

Image(value=requests.get('https://octodex.github.com/images/yaktocat.png').content)

我同意,使用Markdown风格更简单。它向你展示了Image display Notebook API。还可以使用宽度和高度参数调整图像的大小。