西风几时来

V1

2022/10/27阅读:208主题:默认主题

如何在Jupyter NoteBook插入本地图片

如何在Jupyter NoteBook的Markdown中插入本地图片


Markdown是一种轻量级的标记语言,语法简单,易读易写,可以让人专注于文字内容,很适合拿来记录。笔者最近才接触到Markdown,不禁感叹相见恨晚!由于平时多用Jupyter NoteBook进行学习和工作,所以我会在Jupyter NoteBook里编写Markdown,来写学习Markdown和Python过程中遇到的问题和解决方法。(什么?你问我有那么多优质的Markdown编辑器干嘛还用Jupyter NoteBook写?问就是纯粹个人喜欢Jupyter 😂)回到主题,最近在Jupyter NoteBook的Markdown中插入本地图片时遇到一些问题以及我的解决方案,希望文章能对你有所帮助,如有错误欢迎指正!。

1. 使用相对路径

  • 如果照片和文件在同路径下,直接输入<img src=PYTHONPATH环境变量设置.png>即可。
  • 如果照片在下一级的文件夹中,可以使用<img src=图片\python\PYTHONPATH环境变量设置.png>向下搜索。
  • 如果照片在上一级的文件夹中,可以使用<img src=..\PYTHONPATH环境变量设置.png>向上搜索。

2. 使用绝对路径 报错!

举例,分别用HTML和Markdown代码使用绝对路径插入图片:

  • HTML代码:
    <img src=D:\Jupyter\图片\Python\PYTHONPATH环境变量设置.png>
  • Markdown代码:
    ! [PYTHONPATH环境变量设置] (图片\python\PYTHONPATH环境变量设置.png)

3. 将照片复制粘贴到Markdown文件

Jupyter NoteBook中可以直接将本地图片复制粘贴到Markdown文件中,在文件中的形式如下:
![PYTHONPATH%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E8%AE%BE%E7%BD%AE.png](attachment:PYTHONPATH%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E8%AE%BE%E7%BD%AE.png) 方括号内可以修改,在图片无法显示时将显示方括号内的内容。

4. 将图片上传到在线编辑器,再利用超链接插入图片

Markdown官方推出的在线Markdown编辑器以及第三方软件Markdown Nice都提供了上传图片生成超链接的功能(借助于图壳图床来实现),我以前者为例,介绍具体实现步骤。 打开在线Markdown编辑器网页,点击“格式-图片”:

然后会生成一个图片上传的小窗口,将本地图片拖曳到小窗口中,等待上传:

上传结束后,会在左侧编辑区生成图片超链接,然后可以复制到Jupyter NoteBook中。(有时候会由于网络问题上传失败,这时可以使用Markdown Nice编辑器上传图片)。需要注意的是,图床生成的超链接在Jupyter NoteBook中运行不了,只能在print preview和download as HTML时能够成功预览图片。

5. 总结

在jupyter NoteBook中插入本地图片,如果你只是在jupyter NoteBook中运行使用相对路径将照片复制粘贴到Markdown文件这两者方法最为方便。
如果你有print preview和download as HTML的需求,那么使用相对路径将图片上传到在线编辑器,再利用超链接插入图片这种两种方法可以成功在生成的HTML页面显示图片。

如果该文章对你的问题有所帮助,欢迎点赞/关注支持,这将是我进行创作和分享的动力!
🤞如果有其他问题可以留言评论或者私信我,我看到了会给你解答~🤞

分类:

后端

标签:

Python

作者介绍

西风几时来
V1

摸鱼的时候随便写写~