Markdown中设置图片尺寸及添加图注

Markdown中设置图片尺寸及添加图注

---

1 设置图片尺寸大小

CSDN上传图片时（上传图片就不介绍了），常常出现图片尺寸过大，没有办法调整，如下图：

解决方法：

 #使用下面的语句，可以调整图片尺寸大小，同时保证长宽比；
 #在图片资源地址处，插入上传图片的资源地址，设置缩放比为60%；
 <img src="图片资源地址" width="60%" alt=""/>

具体示例：

上图黄色标记的就是上传到CSDN的图片资源地址，选中复制。

设置语句如下：

缩放比设置为40% 。

最终结果：

---

2 添加图注

将下面一段代码直接复制粘贴到文本中：

<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="这里输入图片地址">
    <br>
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">这里输入题注</div>
</center>

具体示例：

<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="assets/20160727163519029">
<br>
<div style="color:orange; border-bottom: 1px solid #d9d9d9;
display: inline-block;
color: #999;
padding: 2px;">线程</div>
</center>

最终结果：