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

文章目录:

  • 1 jupyter notebook显示图片方式
    • 1.1 在code模式下
    • 1.2 在Markdown模式下
  • 2 upyter 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文件自然也很大。





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

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

  1. Jupyter NoteBook导出PDF

    Jupyter NoteBook 导出PDF 1. 安装Latex编译器 任选一种就好, 我使用的是MikTex, 点击下载 官网有教程, 按照步骤一步一步来就可以了教程地址 安装过程中会提示你安装各 ...

  2. Jupyter notebook 导出PDF的3种方法

    很多用Jupyter notebook的都想导出PDF,但是我们点击Download as PDF via LaTex. 然后呢? Ohzzzzzzzzz 出现下图的错误,看到这里感觉糟糕透啦.虽然可 ...

  3. Ubuntu使用jupyter notebook +导出PDF

    因为最近需要做数据分析的工作,所以复习了一下numpy和pandas,并安装了jupyter notebook进行数据分析,这里记录一下环境的设置. ps:jupyter notebook真香 安装 ...

  4. jupyter notebook如何打开其他文件夹下的iqynb文件

    打开jupyter notebook,默认的文件夹是c盘的某个文件,即默认的文件路径.如果要打开其他的盘要怎么操作呢? 下面就介绍一个很简单的方法: 1.打开Anaconda prompt,即 2.在 ...

  5. Jupyter notebook打开E盘文件夹

    Anaconda默认打开位置在C盘,如果要打开其他盘的文件,有以下两个方法(首先当然是要打开 命令提示符 ): 方法一: jupyter notebook [目标文件路径] 方法二: 先切换至目标文件 ...

  6. Jupyter Notebook 怎样打开指定文件夹 详解

    电脑默认打开的是home文件 所以不行 参考链接就可以了: https://jingyan.baidu.com/article/7f41ecec78b8cb593d095ca8.html 命令如下: ...

  7. jupyter notebook 打开指定路径文件

    最近做作业,需要用到jupyter notebook,但是每次我们进去的时候打开的都是默认路径,怎么切换到指定的路径,是一个问题. 我对CSDN上已存在的几种方法进行对比,找到了最佳的方法. 方法一: ...

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

    讲解如何在Markdown中显示图片. 如果要显示的是一张本地图片,那么最简单的方法是点击菜单栏中的Edit,Insert Image,选择一张本地图片: 可以看到图片名中的中文被自动编码了,Cell ...

  9. jupyter notebook如何打开md文件

    问题:在电脑上使用jupyter打开md的文件的时候,发现现实的是md源码文件,并不能正确的现实md文件,如图 第一步:进入环境后,安装notedown pip install https://git ...

最新文章

  1. 绩效管理领域对管理者的任务和能力要求
  2. 小程序爆红 专家:对简单APP是巨大打击
  3. PHP生成随机或者唯一字符串
  4. php url传递参数_python+Requests接口自动化测试之传递 URL 参数
  5. 教你使用stm32接收串口的一帧数据!
  6. 为Ubuntu Server 安装图形桌面环境
  7. 明白90/10的原理吗?
  8. PHP 正则表达式资料
  9. select命名_Maya中Pymel写个带界面的重命名工具(一)
  10. 【转】周鸿祎:网络业的柔道搏击术
  11. Unity中文乱码的解决方法
  12. ubuntu 18.04安装绿联千兆USB网卡的AX88179芯片驱动(编译报错解决)
  13. USB3300速度调试
  14. 图像标记img的alt属性
  15. 扫描二维码进小程序指定页面
  16. 【数据结构基础_有[*pHead]和[*pEnd]的单向链表_(C语言实现)】
  17. Android 传感器篇:(一)方向传感器
  18. electron-vue 添加右下角通知图标
  19. 中职网络安全—隐藏信息探索
  20. 20110822炒股日记--进入筑底阶段

热门文章

  1. C语言——第四次作业
  2. Java属性封装:getter属性类型为Date
  3. Access数据库OleDbHelper
  4. 用 Shell 脚本访问 MySQL 数据库
  5. vscode设置默认新建html,VScode修改默认生成的HTML模板的方法
  6. supersu二进制更新安装失败_helm安装教程
  7. python对英语和数学的帮助-文科女生学Python:学过初中数学和英语就能懂的编程逻辑...
  8. python在哪里写代码比较适合-适合练习的10个Python项目,每个项目都不到500行代码...
  9. 下列有关python语言的说法正确的是-关于 Python 语言的注释,以下选项中描述正确的是( )...
  10. 零基础学python爬虫-零基础如何学爬虫技术?一篇带你入门!(理论+实操+荐书)...