我想包括在木星笔记本图像。
如果我做了以下操作，它就会起作用:
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
其他回答
这在廉价牢房里很管用。不知何故，我不需要特别提到它是一个图像或一个简单的文件。
设置单元格模式为Markdown 将图像拖放到单元格中。将创建以下命令:
! [image.png](附件:image.png)
执行/运行单元格，图像就会显示出来。
图像实际上嵌入在ipynb Notebook中，您不需要在单独的文件中折腾。不幸的是，这还不能与Jupyter-Lab (v 1.1.4)一起工作。
编辑:工作在JupyterLab版本1.2.6
将图像直接插入Jupyter笔记本。
注意:您的计算机上应该有映像的本地副本
您可以将图像插入Jupyter笔记本本身。这样你就不需要将图片单独保存在文件夹中。
步骤:
将单元格转换为markdown: 在选中的单元格上按M 或 从菜单栏，单元格>单元格类型> Markdown。 (注意:重要的是将单元格转换为Markdown，否则步骤2中的“插入图像”选项将不起作用) 现在转到菜单栏，选择编辑->插入图像。 从磁盘中选择图像并上传。 按“Ctrl+Enter”或“Shift+Enter”。
这将使图像作为笔记本的一部分，你不需要在目录或Github上传。我觉得这看起来更干净，不容易破碎的URL问题。
除了使用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
出于某种原因，没有其他解决方案对我有效。以下是有效的方法:
将单元格更改为markdown 复制过去:
<div>
<img src="attachment:name.png" width="600"/>
</div>
在</div>后在同一单元格中创建一个空行，并使用鼠标将图像放到这一行中。 你会看到这样的东西:
<div>
<img src="attachment:name.png" width="600"/>
</div>
复制你的name.jpg，然后去掉你的name.png 删除! [yourname.jpg](附件:yourname.jpg)。 最终的结果应该是这样的:
<div>
<img src="attachment:yourname.jpg" width="600"/>
</div>
运行sell (shift+enter)，您将看到您的图像
