如何在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页面显示图片。

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