CSDN的MarkDown图片大小的调整

Question

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

Answer

由于以前，看到有人使用这样的语句来解决这个问题。github

<img src="https://raw.githubusercontent.com/baibaibai66/Matplotlib/pictures/1.2.png" width="60%" alt="还在路上，稍等..."/>

可是，他是直接引用网上的地址的，对于没有图片资源服务器的小伙伴们并非很友好。
可是，我灵机一动～ CSDN不是有它本身的图片服务器么，咱们每次写的时候，其实都是先上传到CSDN的图片服务器，再建立一个链接的，不是么。因而，这样的一篇教程诞生了，具体作法以下所示：web

1 上传图片到CSDN服务器

会获得这样一组生成的连接。markdown

![这里写图片描述](https://img-blog.csdn.net/20170120190855355?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDQxNjEwMQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

可是此时的图片，大小并非很合适～
编辑器

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

<img src="https://img-blog.csdn.net/20170120190855355?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDQxNjEwMQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="60%" alt=""/>

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

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

固然，还能够本身设定长度和宽度。也就是img标签的 height 和 width 属性设置图像的尺寸。.net

Reference Document

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