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

例如:

图片居中显示
标准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可能受限,请根据实际环境测试。