修改CSDN博客上传图片大小、显示情况等操作

0. update

最近发现csdn中键入 时，CSDN会自动处理为 ![在这里插入图片描述]()，所以以下方法失效，现更新下CSDN下图和插入图片方法。

eg，我需要插入的图片路径为：https://img-blog.csdnimg.cn/20190702195520797.png，

1. 默认插入图片方法–原始大小

   ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190702195520797.png)
   

   显示效果：

2. 修改为指定尺寸

   计划将该图片缩放为指定尺寸，需要做得修改为在路径后面加上了=100x50，即先空格 + 长x宽，具体如下。

   ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190702195520797.png =100x50)
   

   显示效果：
   

3. 图片居中显示
   如果该图片需要居中显示，添加#pic_center，如果既需要居中显示，又需要修改大小，需要在#pic_center =100x50后面添加尺寸，即#pic_center =100x50
   具体如下：

   ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190702195520797.png#pic_center =100x50)
   

   显示效果：
   

--------更新，以下方法可能不再适用-----

1. 更改CSDN上传图片大小

• 方法一：只显示原始大小
  [外链图片转存失败(img-krFGcv2B-1562068100942)(简化的url只包含数字之前，例如，https://img-blog.csdn.net/20170715113106843)]

• 方法二：按比例调整大小

  • 按照正常上传的方式得到网址url
  • 改变图片索引链接代码，修改百分比
    [外链图片转存失败(img-O1l5LgmY-1562068100944)(https://mp.csdn.net/mdeditor/url)]

• 方法2 举例：
  按照正常上传的方式得到网址url，比如我直接上传某个截图得到了下面的链接信息，
  
  截取包含png内容的部分https://img-blog.csdnimg.cn/20190224141537895.png，替换上面的url中即可

2.图片并排显示

• 方法一：Markdown语法
  [描述](图片链接)[外链图片转存失败(img-sNlPTdAz-1562068100945)(图片链接)][外链图片转存失败(img-jqJRSnfk-1562068100947)(图片链接)]

• 方法二：HTML语法

  <figure>
  	[外链图片转存失败(img-Sl499TAm-1562068100949)(http://xxx.jpg/)]
      [外链图片转存失败(img-9VufByE2-1562068100949)(http://yyy.jpg/)]
      [外链图片转存失败(img-M0f2Pfwz-1562068100950)(http://zzz.jpg/)]
   figure> 
  

3.图片居中显示

下面两种方法都是使用HTML语法：

• 在图片上面加入
  ![图片的操作]()
  标签
• 使用标签

  <center> 
  	[外链图片转存失败(img-FkSZhxYF-1562068100951)(https://mp.csdn.net/mdeditor/url)]
  center>
  

备注：上面两种方法，第一种对于Markdown和HTML都适用，第二种只适用于图片显示使用的是html语法的情况

参考

如何更改CSDN上传图片大小
关于Markdown里的图片并排显示