CSDN博客写作

记录CSDN博客写作中的各种方法。

1. 图片

在CSDN写博客的过程中，插入图片，往往显示特别大，而且CSDN没有直接调整图片大小这个功能，在此提供几个调整图片大小的方法。

例如直接插入图片时，CSDN的原始显示图像如下：

方法一：我们上传图片后，进入编辑模式会在图片下方看到CSDN返回来的一个图片URL，如下所示：

在此URL的最后加上“空格 ＝200x200”，即可按喜好调整图片大小：

这样就可以得到调整后的图片，如下所示。但此方法比例往往不好拿捏，图片容易变形。

方法二：按比例调整图片大小。

CSDN返回的图片代码为：

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200630165803279.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MDU5MzI=,size_16,color_FFFFFF,t_70)

若想按比例调整图片大小，且仍然带有水印，只需将图片链接提取出来，括号内的就是所需要的链接，即https://img-blog.csdnimg.cn/20200630165803279.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MDU5MzI=,size_16,color_FFFFFF,t_70

将链接复制并代替下面这行代码中的“链接”这两个字。

<img src="链接" width="40%">

width="xx%"处填写想调整成的任意百分比，此时代码改为：

<img src="https://img-blog.csdnimg.cn/20200630165803279.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MDU5MzI=,size_16,color_FFFFFF,t_70" width="40%">

即可得到缩放调整后的图片：

方法三：按比例调整图片大小，并去掉水印。

CSDN返回的图片代码：

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200630165803279.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA3MDU5MzI=,size_16,color_FFFFFF,t_70)

只需将上述代码改为：

 <img src="https://img-blog.csdnimg.cn/20200630165803279.jpeg" width="xx%">

width="xx%"处填写想调整成的百分比，即可得到缩放调整去水印后的图片：

参考资源

[1] CSDN博客调整图片大小、位置、格式去水印的方法