如何在vscode的jupyter notebook插入图片
时间: 2025-06-09 22:24:29 浏览: 3
### 在 VSCode Jupyter Notebook 中插入图片的方法
在 VSCode 的 Jupyter Notebook 环境中,插入图片可以通过 Markdown 和代码两种方式实现。以下是详细的说明和示例。
#### 使用 Markdown 插入图片
Markdown 提供了简单的语法来插入图片,适用于本地文件或网络链接的图片。格式如下:
```markdown

```
- **替代文本**:当图片无法加载时显示的文字。
- **图片路径**:可以是相对路径、绝对路径或网络 URL。
例如,插入本地图片:
```markdown

```
如果图片存储在网络中,可以直接使用 URL:
```markdown

```
这种方式适合简单场景,但不支持调整图片大小[^1]。
#### 使用代码插入图片
对于更复杂的需求(如调整图片大小或插入多张图片),推荐使用 Python 代码结合 `IPython.display` 模块。以下是一个示例:
```python
from IPython.display import Image
Image(filename="./example.jpg", width=400, height=400)
```
上述代码会加载指定路径的图片,并设置宽度和高度为 400 像素。如果需要从网络加载图片,可以替换 `filename` 参数为 URL:
```python
from IPython.display import Image
Image(url="https://example.com/image.jpg", width=400, height=400)
```
这种方式提供了更大的灵活性,尤其适合需要动态生成或处理图片的场景[^3]。
#### 直接粘贴图片到 Markdown 单元格
VSCode 的 Jupyter 扩展还支持直接将剪贴板中的图片粘贴到 Markdown 单元格中。具体步骤如下:
1. 确保剪贴板中有图片。
2. 将光标放置在 Markdown 单元格中。
3. 使用快捷键(如 `Ctrl+V` 或 `Cmd+V`)粘贴图片。
粘贴后,VSCode 会自动生成一个 Base64 编码的图片嵌入代码。这种方式无需额外配置,适合快速记录和分享开发日志[^4]。
### 注意事项
- 如果图片未正确显示,请检查路径是否正确,尤其是相对路径的基准目录。
- 使用代码方式插入图片时,确保运行环境已安装 `IPython` 模块。
- 粘贴图片到 Markdown 单元格的功能依赖于 VSCode 的扩展设置,若不可用,请检查扩展版本或配置。
阅读全文
相关推荐


















