CSDN使用MD编辑器修改插入的图片管理

在MD编辑器中插入图片直接复制或者 [图片描述]（url/xxx.1pg）后边加上 #pic_center、#pic_left、#pic_right调整图片在文中居中给、靠左或者靠右。这样直接粘贴进来图片非常大。

一、修改大小

直接设置大小

在图片URL末尾的#pic_center =128x128设置图片大小为128x128，注意：等号前边的一个空格

![图片描述](https://test.co/xxxx.jpg#pic_center =128x128) 插入图片居中大小为128x128

按照比例缩小

将上边大小直接换成百分比#pic_center =80%x80%或者#pic_center =80%x

![图片描述](https://test.co/xxxx.jpg#pic_center =80%x80%) 插入图片居中大小大小缩小为原来的80%

使用HTML标记语言

Markdwon编辑器支持HTML语言的渲染，可以使用<img src=url />来插入图片

<img src="https://test.com/xxx.jpg“ width="128" height="128" />
<img src="https://test.com/xxx.jpg“ style="width=128px height=128px />
<img src="https://test.com/xxx.jpg“ width="30%" />
<img src="https://test.com/xxx.jpg“ width=30 />

二、多张图片排列

使用HTML标记语言

居中并排显示
<center>
<img src="https://test.comg/xxx.png" width=30 />
<img src="https://test.com/xxxx.png" width=30 />
</center>
左对齐并排显示
<figure>
<img src="https://test.comg/xxx.png" width=30 />
<img src="https://test.com/xxxx.png" width=30 />
</figure>

左对齐
<div align=left><img  src="https://test.com/xxx.jpg" width=30/><img src="https://test.com/xxx.jpg" width=30/></div>

右对齐
<div align=right><img  src="https://test.com/xxx.jpg" width=30/><img src="https://test.com/xxx.jpg" width=30/></div>