在 优快云
上传文章时发现文中图片大小不合适,影响阅读体验(小声哔哔:没人会看你的文章的! ( ´•︵•` )),遂请教了神通广大的“百度”解决了这个问题,为方便自己、方便他人(嗯嗯,主要是为别人着想)现总结如下:
1、图片缩小
举个栗子,将一张图片上传后,默认为:
此时图片大的过分了都,为了协调,遂将其缩小。在插入图片后,图片底部有如图的信息:
将框框里的 URL
复制一下,填入 <img src="在这里,填在在这里" width="50%" height="50%" >
即可按比例缩小,效果如下:
此时的图片信息为:<img src="https://img-blog.csdnimg.cn/20210119115626487.jpg " width="50%" height="50%" >
,在该行信息的最后 width =...
height =...
,同学们是可以手动设置的,这样要多大就可以有多大,再也不会因为图片的大小造成文章内容不协调的问题了 \(@^0^@)/
有一个问题:缩小后的图片默认靠左,强迫症还是喜欢居中滴~
2、图片居中
在 markdown
语法中,使用 <div align=center>
可将图片居中,以上文的图片举个栗子:
将 <div align=center>
加入到前文的图片信息前:<div align=center> <img src="https://img-blog.csdnimg.cn/20210119115626487.jpg " width="50%" height="50%" >
,效果如图:

同样的,如果想要将入片置于右边,将 <div align=right>
插入图片信息前,效果如图:

3、缩小居中一步搞定
先上传图片:
会显示
这样就居中了;
至于缩小:
在#pic_center
后加上=80%x80%
如#pic_center =80%x80%
表示横纵的缩放比率,例如50的缩小比率如下:
Tips:等号前是有一个空格的哦~
4、总结
妈妈再也不用担心图文不协调了,我终于可以好好写笔记了 (๑¯◡¯๑)