你一定在插入图片的时候,遇到图片太大,影响观感的问题。
Markdown中,图片大小的设定方式有两种
![](url)
这种格式上传图片,用<img>
标签替换。
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" style="zoom: 33%;" />
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" style="zoom: 25%;" />
这种方式,是通过html标签引入,通过指定css样式来实现调整图片尺寸的的,你还可以通过内联样式
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" width="200px" />
或者这样的css样式
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" style="width:200px" />
这几种方式没有多大区别,看你觉得那种相对高效一点而已。 虽然都差不太多都挺麻烦。
![](url =widthxheight)
,还有![](url 50%)
等等。确实都是很不错的设计。可惜原生不支持,没有统一标准,百花齐放,每个编辑器都不同,这就造成了文章的兼容性很差。