我想包括在木星笔记本图像。
如果我做了以下操作,它就会起作用:
from IPython.display import Image
Image("img/picture.png")
但我想包括在markdown单元格和下面的代码给出一个404错误的图像:

我也试过

但我仍然得到相同的错误:
404 GET /notebooks/%22/home/user/folder/img/picture.png%22 (127.0.0.1) 2.74ms referer=http://localhost:8888/notebooks/notebook.ipynb
在markdown中,您不能在图像文件的名称周围使用引号!
如果仔细阅读错误消息,您将在链接中看到%22的两个部分。这是html编码的引号。
你得换条线

to

更新
假设您拥有以下文件结构,并且在文件示例所在的目录中运行jupyter notebook命令。Ipynb(<——包含图像的markdown)被存储:
/
+-- example.ipynb
+-- img
+-- picture.png
在Jupyter笔记本上发布图片有几种方法:
通过HTML:
from IPython.display import Image
from IPython.core.display import HTML
Image(url= "http://my_site.com/my_picture.jpg")
你保留了使用HTML标签来调整大小的能力,等等…
Image(url= "http://my_site.com/my_picture.jpg", width=100, height=100)
您还可以通过相对路径或绝对路径显示本地存储的图像。
PATH = "/Users/reblochonMasque/Documents/Drawings/"
Image(filename = PATH + "My_picture.jpg", width=100, height=100)
如果图像比显示设置宽:谢谢
使用unrestricted =True禁用图像的最大宽度限制
from IPython.core.display import Image, display
display(Image(url='https://i.ytimg.com/vi/j22DmsZEv30/maxresdefault.jpg', width=1900, unconfined=True))
或者通过降价:
确保单元格是markdown单元格,而不是代码单元格,谢谢@游凯超在评论中)
请注意,在某些系统上,降价不允许文件名中有空白。感谢评论中的@CoffeeTableEspresso和@zebralamy)
(在macos上,只要你在markdown单元格上,你就会这样做:,不用担心留白)。
对于网页图像:

如@cristianmtr所示
注意不要在url周围使用引号""或引号"。
或者是当地的:

@Sebastian演示
我对这个主题做了一些研究,并找到了在Jupyter Notebook中插入图像的4种方法,我在文章中描述过。
1. 拖放图像到单元格(最简单!)
请将单元格切换为markdown类型,然后将图像拖放到那里。图像将被内部编码为Base64,其文本表示形式将包含在ipynb文件中。我建议只对小图像使用此方法,因为您的笔记本ipynb文件可能会变得非常大且滞后(如果放入太多大图像)。
2. 插入托管映像
将图像上传到服务器(可能是Imgur或GitHub),并在Markdown中输入图像URL:

3.插入本地文件映像
您可以对本地映像使用上述方法,但它需要具有与笔记本相同的根目录。
在Markdown:

或者你可以使用Python:
from IPython import display
display.Image("path-to-image")
将图像转换为Base64(仅适用于小图像)
与第一步类似,不同之处在于转换到Base64是手动完成的。
Python代码:
from IPython import display
from base64 import b64decode
base64_data = "iVBORw0KGgoAAAANSUhEUgAABL ... the rest of data "
display.Image(b64decode(base64_data))
应该用于相当小的图像。
我个人对GitHub存储库中托管的图像使用第二种方法。