CSDN博客插入markdown图片的最简单方式

本文概述：

• 图片插入的简单方式。
  （直接利用复制粘贴）
• 所插入图片的格式调整方法。
  （利用粘贴时所得到的图片链接）

CSDN 插入markdown图片的简单方法

• 直接从剪贴板粘贴即可。

  此处，图片插入的方法不止一种，有的是通过博客编辑窗口上方的【图片】选项卡，有的是通过图床。
  上述方法都需要提前处理图片，所以使用起来都比较麻烦。
  现在csdn markdown中也支持直接从剪贴板粘贴图片到博客编辑区域，所以复制图片到剪贴板以后，直接Ctrl+V是最简单的。

• 举例：

  用截图工具随便在桌面截图一张，并复制到剪贴板上，在CSDN博客编辑窗口按Ctrl+V粘贴，发现所粘贴的信息如下图所示，包括：
  1）我们想插入的图片原图
  2）编辑窗口下，图片下方自动生成的图片链接、以及CSDN默认的一些水印、尺寸等信息。（后面格式修改时会用到）

所粘贴图片的格式调整方法

上述实现了插入图片的基本功能，但可看出，所插入的图片尺寸、位置等格式未必是适合博客排版的，所以需要对所粘贴的图片的格式进行调整。
此处分两步进行：
1）markdown图片格式修改语法是怎样的？(本文以调整图片大小为例，其他调整同理)
2）CSDN博客编辑窗口中粘贴的图片格式如何修改？

• markdown图片格式修改语法

  //所插入的图片
  ![Alt](http://blabla.jpg)
  //为所插入图片设置期望的图片大小(方法不唯一)
  <img src="https://blabla.jpg" width="100" height="100">

• CSDN博客编辑窗口中粘贴图片格式修改方法

  • 在博客编辑窗口内，提取所粘贴图片下方的链接地址，以上图为例，应为：
    https://img-blog.csdnimg.cn/20200214125347632.png?x-oss-process
  • 利用上述图片格式修改语法，代入该链接地址，修改图片大小，比如：
    <img src="https://img-blog.csdnimg.cn/20200214125347632.png?x-oss-process" width=100 height=100>
  • 所实现的图片大小调整效果如下：(为避免歧义，此处图片下方文字链接为上图本就带有的，与操作无关)

• 同理，利用相同方法，将所插入的图片居中，效果如下：

以上。