Jupyter notebook中的Markdown单元格(4)图片

讲解如何在Markdown中显示图片。
如果要显示的是一张本地图片,那么最简单的方法是点击菜单栏中的Edit,Insert Image,选择一张本地图片:
在这里插入图片描述
在这里插入图片描述
可以看到图片名中的中文被自动编码了,Cell->Run Cells运行,就显示出了选择的本地图片:
在这里插入图片描述
这种方式不能控制图片的显示尺寸,而且这种方式会将图片转换为字符串,并存储在notebook中,因此notebook的体积会变大,这种方式的好处是图片和notebook捆绑在了一起,当把notebook转移到其他地方时,不需要单独处理图片。

接下来点击+加号,改为Markdown,如果要显示的是一张本地图片或网络图片,我们可以这样标记,叹号、中括号、小括号:
在这里插入图片描述
小括号中是图片的本地路径或网址,其中本地路径只支持相对路径,而且相对的是notebook的Files选项卡中的路径,我们打开Files选项卡看一下:
在这里插入图片描述
在这里插入图片描述
我们可以这样指定上图鼠标所指图片的相对路径:
在这里插入图片描述
使用windows的朋友要注意了,windows目录中的路径使用的是\反斜线,但是这里要全部改为/斜线,Cell->Run Cells运行,就显示出来指定的本地图片:
在这里插入图片描述

拷贝粘贴,双击进行编辑,也可以在小括号中指定图片的网址,Cell->Run Cells运行,就显示出了指定的网络图片:
在这里插入图片描述
我们可以在小括号里面的本地路径或网址的后面,添加一个空格和一个文本字符串,以指定鼠标悬停在图片上时的提示文本:
在这里插入图片描述
先选中上面的、先运行上面的本地图片,并把鼠标放在图片上,可以看到显示出了文本图解Python,有点小:
在这里插入图片描述
再Cell->Run Cells运行下面的网络图片也显示出提示文本。

还可以在前面的中括号中指定找不到图片时的替代显示文本:
在这里插入图片描述
在这里插入图片描述
对于本地图片,找不到图片时显示的时我们刚刚指定的替代文本。

修改网络图片地址为错误地址:
在这里插入图片描述

Cell->Run Cells运行:在这里插入图片描述
对于网络图片,找不到图片时显示的是一张替代图片。

注意,当我们使用叹号、中括号、小括号这种方式来显示图片时,也不能控制图片的显示尺寸,而且这种方式的本体图片和notebook是分离的,当我们把notebook转移到其他地方时,图片也要随之转移,而且要注意图片的路径。

点击+加号,改为Markdown,如果要显示的是一张本地图片或网络图片,还可以使用HTML中的img标签:
在这里插入图片描述
先运行显示上面的本地图片,再运行显示下面的网络图片:
在这里插入图片描述
使用这种方式显示图片的好处,我们可以控制图片的显示尺寸,比如将宽度和高度分别指定为150像素和120像素,先来指定本地图片的尺寸:
在这里插入图片描述
指定网络图片的尺寸:
在这里插入图片描述
在这里插入图片描述
这种方式显示图片时,本地图片和notebook也是分离的,当把notebook转移到其他地方时,图片也要随之转移,而且要注意图片的路径。

在这里插入图片描述

这样就给大家介绍了3种在Markdown单元格中显示图片的方式,大家可以根据自己的具体需求,选择最合适的方式,平时用的最多的是第一种方式,先把本地图片的尺寸调整好,然后将其以字符串的形式存储到notebook,这样不管把notebook转移到什么地方,都不需要单独处理图片了。

至此,Markdown单元格中常见的富文本形式,几乎全都给大家介绍了,Markdown就是一种轻量级的标记语言,用于将纯文本格式化为富文本,以后大家就可以在Markdown单元格中编写各种形式的富文本了,从而与代码单元格有机的整合到一起。

猜你喜欢

转载自blog.csdn.net/zhaopeng01zp/article/details/109227641