在Markdown中插入图片及图注的方法

一般方法

格式为：

![图片替换文字](图片地址)

这里不建议从剪贴板或本地直接粘贴到Markdown文档中，个人使用的是iPic（Mac App Store）图床，简单易用且免费。
下面是一些进阶操作。

插入图注，并调整尺寸

<center>
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" 
    src="在这里插入图片地址" width = "65%" alt=""/>
    <br>
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">
      在这里插入图片注释
  	</div>
</center>

其中width = "65%"可以将图片宽度（等比例）压缩为整页宽的65%。
图注部分在Typora中显示正常，但在CSDN中，图注与图片之间会有较大空隙（目前不知道如何解决）。
若要插入包含LaTeX的图注，注释部分改为下面的代码即可。

      在这里插入图片注释
      <img src="http://latex.codecogs.com/gif.latex? 在这里输入LaTeX公式"  />

但HTML对LaTeX的支持似乎不是很好，公式字迹不是很清晰，CSDN中还会出现公式与图注不在一行的现象。

并排插入两张图片

 <center>
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" 
    src="在这里插入图片1地址" width = "30%" alt=""/>
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" 
    src="在这里插入图片2地址" width = "30%" alt=""/>
    <br>
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">
      在这里插入图片注释
  	</div>
</center>