我想包括在木星笔记本图像。
如果我做了以下操作，它就会起作用:
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
其他回答
同意，我有同样的问题，这是什么工作，什么不:
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"/>*
设置单元格模式为Markdown 将图像拖放到单元格中。将创建以下命令:
! [image.png](附件:image.png)
执行/运行单元格，图像就会显示出来。
图像实际上嵌入在ipynb Notebook中，您不需要在单独的文件中折腾。不幸的是，这还不能与Jupyter-Lab (v 1.1.4)一起工作。
编辑:工作在JupyterLab版本1.2.6
插入本地显示的图像
快速解决方案:观看这个视频(1:36)https://www.youtube.com/watch?v=Vw1EZh1My8s
简而言之:
转到.ipynb所在的位置。 创建名为images的文件夹，并将你想要插入jupyter中的图像粘贴到images文件夹中 在浏览器上打开。ipynb文件，点击单元格，输入: 有一个下拉按钮被称为代码。改成Markdown 华友世纪! !现在按shift + Enter键运行代码
参考图片
我发现的一件事是，你的图像的路径必须是相对于笔记本电脑最初加载的地方。如果你cd到一个不同的目录，如图片，你的Markdown路径仍然相对于原始加载目录。
这在廉价牢房里很管用。不知何故，我不需要特别提到它是一个图像或一个简单的文件。
