Markdown编辑器中插入图片的完整指南

在使用 Markdown 编写文档时，插入图片是一项常见需求。本文将详细介绍如何在 Markdown 中正确插入本地或网络图片，并提供实用技巧和注意事项。

基本语法

Markdown 插入图片的语法如下：

![替代文本](图片地址 "可选标题")

• 替代文本（Alt Text）：当图片无法加载时显示的文字，也有助于 SEO 和无障碍访问。
• 图片地址：可以是本地相对路径、绝对路径，或网络 URL。
• 可选标题：鼠标悬停时显示的提示文字（部分编辑器支持）。

插入网络图片示例

![Markdown Logo](https://markdown-here.com/img/icon256.png)

效果：会直接加载并显示该网络图片。

插入本地图片

假设你的 Markdown 文件与图片在同一目录下，图片名为 example.jpg，则写法为：

![示例图片](example.jpg)

若图片在子文件夹 images 中，则路径为：

![本地图片](images/example.jpg)

注意：本地图片能否正常显示，取决于你使用的 Markdown 编辑器或渲染环境是否支持本地文件读取。

常见问题与技巧

• 图片不显示？ 检查路径是否正确，网络图片链接是否有效，本地路径是否相对于 Markdown 文件位置。
• 调整图片大小？ 标准 Markdown 不支持设置宽高，但部分编辑器（如 Typora、Obsidian）支持 HTML 方式：
  <img src="example.jpg" width="300" />
• 对齐图片？ 同样需借助 HTML 或 CSS，原生 Markdown 无此功能。

总结

掌握 Markdown 图片语法，能让你更高效地编写图文并茂的技术文档、博客或笔记。虽然原生功能有限，但结合 HTML 可扩展更多样式。