CSDN的MarkDown图片大小的调整

古城微笑少年丶 2022-07-11 08:18 533阅读 0赞

--------------------

### Question ###

前写日子用CSDN的MarkDown写博客，经常是图片的大小太大了，导致文章真正的看起来很不爽～  
但是CSDN的MarkDown又没有`![](./pic/pic1_50.png =100x20)`注意 =前有个空格，可以只写宽度。  
但是用过的小伙伴们都会知道，这个东西在CSDN的MarkDown上面根本没有什么作用。于是，需要另辟蹊径。

--------------------

### Answer ###

因为之前，看到有人使用这样的语句来解决这个问题。

但是，他是直接引用网上的地址的，对于没有图片资源服务器的小伙伴们并不是很友好。  
但是，我灵机一动～ CSDN不是有它自己的图片服务器么，我们每次写的时候，其实都是先上传到CSDN的图片服务器，再创建一个连接的，不是么。于是，这样的一篇教程诞生了，具体做法如下所示：

1 上传图片到CSDN

![SouthEast][]

会得到这样一组生成的链接。

![这里写图片描述](/images/20220711/9b478e049e304563b174702c95feb84e.png)

但是此时的图片，大小并不是很合适～  
![SouthEast 1][]

2 将图片链接粘贴过来，将如下代码直接写在MarkDown编辑器内。

3 调整图片百分比，比如调整为30%，看起来就会比较舒服了。

ok～ 完美的解决了这个问题，嘿嘿。

![SouthEast 2][]

当然，还可以自己设定长度和宽度。也就是img标签的 height 和 width 属性设置图像的尺寸。

--------------------

### Reference Document ###

\[1\]. [关于csdn\_markdown图片大小不适应问题 ][csdn_markdown_]  
\[2\]. [csdn的markdown编辑器如何保持图片原始大小][csdn_markdown]  
\[3\]. [markdown中插入图片怎么定义图片的大小或比例？][markdown]  
\[4\]. [Other][]

[SouthEast]: /images/20220711/440cee1d29aa4b21af59df037fb438fd.png
[SouthEast 1]: /images/20220711/06cb7742028f4b0db8a29fb1b4974b9c.png
[SouthEast 2]: /images/20220711/9b478e049e304563b174702c95feb84e.png
[csdn_markdown_]: http://blog.csdn.net/baibaibai66/article/details/51411018
[csdn_markdown]: http://blog.csdn.net/trigl/article/details/51148238
[markdown]: https://www.zhihu.com/question/23378396
[Other]: https://www.jianshu.com/p/7fd647ebec21