Markdown图片排版指南

基础图片插入语法

在Markdown中插入图片的基本语法如下：

![替代文本](图片地址)

例如：

![示例图](https://example.com/image.png)

图片居中显示

标准Markdown不支持直接居中图片，但可以通过HTML标签实现：

<p align="center">
  <img src="https://example.com/image.png" alt="示例图" />
</p>

设置图片宽度与高度

使用HTML的 img 标签可以控制图片尺寸：

<img src="https://example.com/image.png" alt="示例图" width="400" />

或同时指定宽高（注意保持比例）：

<img src="https://example.com/image.png" alt="示例图" width="300" height="200" />

图文混排技巧

将文字环绕图片通常需要借助HTML和CSS，例如：

<img src="https://example.com/image.png" alt="左浮动图" style="float:left; margin-right:15px;" width="150" />
这是环绕在图片右侧的文字内容，适用于说明性段落。

注意事项

• 确保图片链接有效且可公开访问。
• 为图片提供有意义的替代文本（alt），提升可访问性和SEO。
• 在GitHub、Typora、Obsidian等不同平台中，部分HTML可能受限，请根据实际环境测试。