0. update
最近发现csdn中键入<img
时,CSDN会自动处理为 ![在这里插入图片描述]()
,所以以下方法失效,现更新下CSDN下图和插入图片方法。
eg,我需要插入的图片路径为:https://i-blog.csdnimg.cn/blog_migrate/8a7b41d4f3df4cc5fec1a5ce12428414.png
,
-
默认插入图片方法–原始大小
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8a7b41d4f3df4cc5fec1a5ce12428414.png)
显示效果:
-
修改为指定尺寸
计划将该图片缩放为指定尺寸,需要做得修改为在路径后面加上了
=100x50
,即先空格 + 长x宽,具体如下。![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8a7b41d4f3df4cc5fec1a5ce12428414.png =100x50)
显示效果:
-
图片居中显示
如果该图片需要居中显示,添加#pic_center
,如果既需要居中显示,又需要修改大小,需要在#pic_center =100x50
后面添加尺寸,即#pic_center =100x50
具体如下:![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8a7b41d4f3df4cc5fec1a5ce12428414.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语法:
- 在图片上面加入
<div align=center> ![图片的操作]() </div>
标签 - 使用
<center>
标签<center> [外链图片转存失败(img-FkSZhxYF-1562068100951)(https://mp.csdn.net/mdeditor/url)] </center>
备注:上面两种方法,第一种对于Markdown和HTML都适用,第二种只适用于图片显示使用的是html语法的情况