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)
  1. 使用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)
  1. markdown语法显示本地图片
![test](./images/images.png)
  1. 使用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文件自然也很大。


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述
♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠ ⊕ ♠

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页