我想包括在木星笔记本图像。
如果我做了以下操作，它就会起作用:
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
当前回答
除了使用HTML(在Markdown或使用%%HTML魔法)的其他答案:
如果你需要指定图像高度，这将不起作用:
<img src="image.png" height=50> <-- will not work
这是因为Jupyter中的CSS样式默认使用img标记的height: auto，它会覆盖HTML的height属性。你需要重写CSS的height属性:
<img src="image.png" style="height:50px"> <-- works
其他回答
我很惊讶这里没有人提到html单元格魔法选项。 从文档(IPython，但同样为Jupyter)
% % html 将单元格呈现为HTML块
以下是你如何用Markdown做到这一点:
将图像直接插入Jupyter笔记本。
注意:您的计算机上应该有映像的本地副本
您可以将图像插入Jupyter笔记本本身。这样你就不需要将图片单独保存在文件夹中。
步骤:
将单元格转换为markdown: 在选中的单元格上按M 或 从菜单栏，单元格>单元格类型> Markdown。 (注意:重要的是将单元格转换为Markdown，否则步骤2中的“插入图像”选项将不起作用) 现在转到菜单栏，选择编辑->插入图像。 从磁盘中选择图像并上传。 按“Ctrl+Enter”或“Shift+Enter”。
这将使图像作为笔记本的一部分，你不需要在目录或Github上传。我觉得这看起来更干净，不容易破碎的URL问题。
同意，我有同样的问题，这是什么工作，什么不:
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"/>*
在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演示
