Markdown 图片排版指南

Markdown 是一种轻量级标记语言，广泛用于写作、文档和博客。虽然它本身对图片排版的支持有限，但通过一些技巧，我们仍能实现美观的图文布局。

1. 基础语法：插入图片

使用以下语法插入图片：

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

例如：

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

2. 图片居中显示

标准 Markdown 不支持图片居中，但可通过嵌入 HTML 实现：

<p align="center">
  <img src="https://example.com/image.jpg" alt="居中图片" />
</p>

3. 设置图片宽度

同样借助 HTML 标签指定宽度（或高度）：

<img src="image.jpg" alt="自定义宽图" width="400" />

或者使用 style 属性实现响应式：

<img src="image.jpg" alt="响应式图" style="width:80%; height:auto;" />

4. 多图并排（简单方式）

在支持 HTML 的 Markdown 渲染器中，可以这样写：

<div style="display:flex; justify-content:center; gap:10px;">
  <img src="img1.jpg" width="150" />
  <img src="img2.jpg" width="150" />
</div>

5. 添加图片标题（题注）

Markdown 本身无题注功能，但可用段落模拟：

<p align="center">
  <img src="chart.png" alt="数据图表" width="500" /><br>
  <em>图1：2024年销售趋势图</em>
</p>

小贴士

• 确保图片链接有效，建议使用 HTTPS 地址。
• 为无障碍访问，请始终填写有意义的 alt 文本。
• 在 GitHub、Typora、Obsidian 等平台中，HTML 支持程度不同，请按需测试。