Markdown中如何给图片添加padding/margin避免文字紧贴图片

直接在你的<img>标签内添加内联style属性设置外边距即可，GitHub Pages的Markdown渲染环境不会过滤这类内联样式，修改后的代码如下：

<img align="left" width="300" height="440" src="image/photo.JPG" style="margin-right: 20px; margin-bottom: 10px;">
my introduction text goes here

参数说明 #

• margin-right: 20px 控制图片和右侧简介文字的水平间距，你可以根据实际显示效果调整数值，日常使用15-25px的间距视觉舒适度最高
• margin-bottom: 10px 用于控制图片和下方正文的垂直间距，如果你的简介文字长度超过图片高度，这个属性可以避免文字换行后直接贴在图片下边缘

如果后续你需要给站点内多张同类图片统一调整间距，也可以给图片加专属class后在全局CSS文件里统一定义边距规则，单张个人头像的场景直接用内联样式是最简便的方案，不需要额外修改其他配置文件。

内容的提问来源于stack exchange，提问作者bellax1122