jupyter 编辑器中插入图片的方法

前几天在使用jupyter notebook 做课件时，想要做的更炫酷一些，所以就查了一下在jupyter中插入图片的方法，学习之后呢，我就把我学到的方法整理了一下，供其他需要学习的同道中人参考。

下面来介绍jupoyter 中插入图片的4种方法。

插入本地文件方法一

在Markdown模式下编辑运行

格式：![文件名](文件位置)

注意：
1.图片文件要和jupyter 在同一个根目录下，只能是相对引用，不能绝对引用
2.文件位置书写时，注意要把斜杠换成反斜杠

我们来插入一张可爱地猫猫地照片吧！

看一下效果：

插入本地文件方法二

在Markdown模式下编辑运行，可以设置图片的大小，通过高度和宽度两个参数设置

格式一：<img src="./cat.jpg" width="40%">
格式二：<img src="./cat.jpg" width=200 height=200>

来看一下效果图吧！上面两行代码执行的效果展示：

插入本地文件方法三

在代码模式下编辑运行，调用Image函数插入图片，可以使用相对路径/绝对路径，可以设置像素大小。

from IPython.display import Image
Image(filename="./111.jpg",width=400,height=400)

运行效果展示：

插入本地文件方法四

在代码模式下编辑运行，这里需要注意，html代码模式参数之间使用空格分隔，而不用逗号。

格式一：
%%html
<img src="./cat.jpg" width=40 height=60>
格式二：
%%html
<img src="./cat.jpg" width="40%">

运行效果展示：