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

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

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 <img src>,它允许你改变高度和宽度,并且仍然被markdown解释器读取:

<img src="subdirectory/MyImage.png" width=60 height=60 />

我猜你是说在廉价牢房里,在笔记本里。如果是的话,这里有一些最简单的方法:

从本地计算机:

使用文件浏览器,导航到包含图片的目录。然后,将其拖放到要嵌入图片的单元格中。它必须已经在降价模式,否则什么也不会发生。

这样做的好处是:

它很简单,只是拖放

这样做的缺点是:

您不能复制和粘贴该链接,并在任何其他单元格中使用它。如果你想在任何其他笔记本单元格中使用相同的图片,你将需要找到图片,再次拖放到单元格中。 你应该考虑一个文件管理方案,将允许你再次找到图片,如果你计划使用分配的图片在你的笔记本。

这是一种有效的做事方式,对我来说很管用。

来自网络:

最简单的方法是使用浏览器找到一张图片,右键单击“复制图像”,粘贴到你想要显示的图像单元格中。

如上所述,这是有警告的,因为你不能复制这个链接并粘贴到另一个单元格。因此,如果您计划再次使用该图像,则必须将其粘贴到另一个单元格中,或者在本地保存此图像。

图像是嵌入在笔记本电脑,所以应该工作在笔记本电脑打开的任何地方。

插入本地显示的图像

快速解决方案:观看这个视频(1:36)https://www.youtube.com/watch?v=Vw1EZh1My8s


简而言之:

转到.ipynb所在的位置。 创建名为images的文件夹,并将你想要插入jupyter中的图像粘贴到images文件夹中 在浏览器上打开。ipynb文件,点击单元格,输入: 有一个下拉按钮被称为代码。改成Markdown 华友世纪! !现在按shift + Enter键运行代码


参考图片

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

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中,您不能在图像文件的名称周围使用引号!

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

你得换条线

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

to

![title](img/picture.png)

更新

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

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