markdown更改图片大小

1. 使用Mou编辑器方法

   markdown语法:

   ![Mou icon](http://25.io/mou/Mou_128.png)
   

   更改大小:

   ![Mou icon](http://25.io/mou/Mou_128.png =200x300)
   

   或

   ![Mou icon](http://25.io/mou/Mou_128.png =200x)
   

   可以省略高度.

   注意:可能只在Mou编辑器上有效果.貌似用处不大.

2. 如果使用的是简书自带的markdown编辑器(在页面上无效果,已废弃)

   原始图像:
   ![loading.png](http:https://img.haomeiwen.com/i1503319/c696a9cd1495d68f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
   

   loading.png

   更改大小:
   ![loading.png](http:https://img.haomeiwen.com/i1503319/c696a9cd1495d68f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/200)
   

   loading.png
   只需要将后面的宽度更改就可以了.高度会自动变的不需要设置.

3. 使用HTML

   markdown语法:

   <img src="http://7xqoji.com1.z0.glb.clouddn.com/mytest.jpg" width="500" hegiht="313" align=center />
   

   只需要更改上面的属性width或height的值就可以了.

   原始图像效果:

   
   mytest.jpg

   更改后效果:

   <img src="http://7xqoji.com1.z0.glb.clouddn.com/mytest.jpg" width="100" hegiht="30" align=center />

   我自己的博客系统是有效果的,但是不知道为啥这里的H5页面却渲染不出来.....

4. 自己处理图片大小,重新生成图片链接.

   原始图像:

   
   mytest.jpg

   处理后的图片:

   mytest.jpg

注意

每家的markdown编辑器语法会有所不同,因此在一个编辑器下写的markdown复制到另一家的编辑器下,显示可能会有差异.对于新手来说简书自带的markdown编辑差不多已经够用了.