Jupyter notebook导出的html文件不能够正确显示图片

1 jupyter notebook显示图片方式

1.1 在code模式下

1. 使用IPython库包：可以设置显示图片大小

from IPython.display import Image
Image(filename = './test/python.jpg', width=100, height=60)

3. 使用html标签语法显示：可以调整显示图片的大小

%%html
<img src='python.jpg', width=100, height=60>

1.2 在Markdown模式下

1. markdonw语法显示网络图片

![test](https://img0.sc115.com/uploads3/sc/jpgs/1909/zzpic19910_sc115.com.jpg)

2. markdown语法显示本地图片

![test](./images/images.png)

3. 使用html语法显示图片（图像可以显示本地和网络图片）

# 正确显示
<img src='https://img0.sc115.com/uploads3/sc/jpgs/1909/zzpic19910_sc115.com.jpg'>

# 在jupyter notebook的markdown环境下只能原尺寸显示图片，不能够调整大小
# 不显示图片
<img src='https://img0.sc115.com/uploads3/sc/jpgs/1909/zzpic19910_sc115.com.jpg', width=100, height=60>

2 upyter notebook导出的html文件不能够正确显示图片

例如：创建一个jupyter notebook文件，markdown中显示图片如下

![test](./images/test.png)

但是导出的html文件不能够显示图片，这是因为导出的html文件不能够访问到./images/test.png路径下的文件，因此不能够显示，因此在导出html文件时需要把其和./images放到同级目录下即可。

---

之所以一开始没有找到原因，是因为我使用的一些其他的markdown工具是支持markdown文件导出为html文件，然后正确显示图片的，这些工具会吧图片数据文件也存储成html文件中，因此导出的html文件自然也很大。

---

---

---

♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠