Markdown添加图片的四种方式

在Markdown中，添加图片的方式主要有以下几种：

1. 行内式（标准语法）

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

说明：

替代文本 是图片无法显示时的描述文字。
图片URL 可以是本地路径（如./images/photo.jpg）或网络链接（如https://example.com/image.jpg）。
可选标题 是鼠标悬停时显示的提示文字，可省略。

示例：

![Logo](https://example.com/logo.png "网站Logo")

2. 引用式（通过链接标识符）

![替代文本][引用标签]
[引用标签]: 图片URL "可选标题"

说明：

将图片URL统一放在文档末尾或任意位置，通过[引用标签]关联。
适合多次引用同一图片或保持文档整洁。

示例：

![Logo][logo]
[logo]: https://example.com/logo.png "网站Logo"

3. 使用HTML的<img>标签

<img src="图片URL" alt="替代文本" title="标题" width="100" />

说明：

Markdown支持直接嵌入HTML，可通过<img>标签自定义属性（如宽度width、高度height、样式style等）。
需注意：部分Markdown渲染器可能限制HTML功能。

示例：

<img src="logo.png" alt="Logo" width="200" />

4. 扩展语法（特定环境支持）

调整图片大小或对齐（如Typora、Obsidian等工具支持）：

![替代文本](图片URL){width=50%}
![替代文本](图片URL#center)  <!-- 居中 -->

Base64嵌入图片（将图片转为Data URL直接嵌入）：

![替代文本](data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...)

说明：

非标准语法，依赖具体工具或平台支持。
Base64编码会增加文档体积，适合小图标或特殊场景。

总结

根据需求选择合适的插入方式，并注意不同工具对语法的支持差异。