Skip to content

插入插图和图片

为什么在文档中使用图片?

在 Markdown 文档中使用图片可以:

  • 增强表达力:用视觉元素辅助文字说明
  • 提高可读性:让文档内容更生动有趣
  • 直观展示:展示界面截图、图表、示例等
  • 专业外观:提升文档的专业性和视觉效果

基本图片插入方法

本地图片

markdown
![图片说明](./images/example.png)

网络图片

markdown
![图片说明](https://example.com/image.jpg)

带链接的图片

markdown
[![图片说明](./images/example.png)](https://example.com)

Paste Image 扩展

Paste Image 是一个非常实用的扩展,可以直接将剪贴板中的图片粘贴到 Markdown 文档中:

功能特点

  • 一键粘贴:直接粘贴剪贴板中的图片
  • 自动保存:自动将图片保存到指定目录
  • 路径管理:自动插入正确的图片路径
  • 格式支持:支持多种图片格式

使用方法

  1. 截图或复制图片到剪贴板
  2. 在 Markdown 文档中按 Ctrl+Alt+V(Windows)或 Cmd+Alt+V(Mac)
  3. 图片自动保存并插入到文档中

图片优化技巧

调整图片大小

markdown
<img src="./images/example.png" width="50%" />

图片对齐

markdown
<div align="center">
  ![图片说明](./images/example.png)
</div>

图片边框和样式

markdown
<img src="./images/example.png" style="border: 1px solid #ccc; border-radius: 5px;" />