新手必看！3分钟学会在Jupyter Notebook里插入图片，不用复杂代码，2种方法就能搞定本地图/网络图，写报告做分析再也不愁啦～

一、准备工作：先放好图片

• 本地图片：把图片和Notebook文件放在同一个文件夹（比如新建"images"文件夹专门放图）
• 网络图片：右键图片→复制图片链接（比如https://example.com/图.png）

二、方法1：Markdown语法直接插（最快！）

适用场景：

• 快速插入静态图片（本地/网络都能用）
• 写报告时排版图片

操作步骤：

1. 新建Markdown单元格：
   选中单元格→按键盘M键（或顶部菜单选"Markdown"格式）
2. 输入代码：

   ![图片描述](图片路径)

• 本地图片：
  （./表示当前目录，images是文件夹名，根据实际修改）
• 网络图片：

3. 按Shift+Enter运行：图片直接显示啦！

进阶小技巧：

• 调大小：在路径后加{width=400}（像素值），比如：

  ![](./images/plot.png){width=400}

• 居中显示：单独一行写图片代码，前后加空行，自动居中～

三、方法2：Markdown里嵌入HTML（更灵活！）

适用场景：

• 想给图片加边框、调整边距、精确控制大小
• 需要图片居中/左对齐/右对齐

操作步骤：

1. 同样在Markdown单元格输入HTML代码：

   <div style="text-align: center;">  <!-- 整体居中 -->
       <img 
           src="图片路径"  <!-- 本地/网络路径都行 -->
           style="width: 80%; border: 3px solid blue; margin: 20px;"  <!-- 样式设置 -->
       >
   </div>

2. 常用样式参数解释： width：宽度（写像素值如400px，或百分比如80%） border：边框（例：2px solid red 表示2像素红色实线边框） margin：边距（例：10px 20px 上下边距10px，左右20px） text-align: center：让整个图片块居中（加在最外层<div>里）

举个栗子：

• 本地图加蓝色边框：

  <div style="text-align: center;">
      <img src="./images/plot.png" style="width: 60%; border: 5px solid #00f; margin: 30px;">
  </div>

• 网络图居左显示：

  <div style="float: left; margin-right: 20px;">
      <img src="https://example.com/图.png" style="width: 300px;">
  </div>

四、常见问题一句话解决：

• 图片显示红叉？ 检查路径是否正确（本地图建议和Notebook同目录）
• 网络图片加载慢？ 先把图下载到本地再插入
• 记不住代码？ 直接复制本文示例，替换路径和参数就行！

总结：2招走天下

现在马上打开Jupyter，随便找张图试试吧！记住：

1. 图片和Notebook放同个文件夹
2. Markdown单元格写代码
3. Shift+Enter运行看效果

学会这两招，做数据分析报告再也不用为插图片发愁啦～ 觉得有用记得点赞收藏，下次教你玩转Jupyter更多实用技巧！

Tags：html空行

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。