震惊！关于CSDN和博客园难以言说的秘密

震惊！关于CSDN和博客园难以言说的秘密

标题无误

这个问题非常严峻（对我而言），需要CSDN和博客园的高管来一次政治联姻才可以解决

嘿嘿，结婚，嘿嘿！

“没想到居然会在这里遇到博客园小姐！这是命中注定吗？这是命中注定对吧。这样只能结婚了！” ——CSDN女士

前言

关于我为什么要写这篇文章

最近在把CSDN上的文章转移到博客园，然后发现了两边平台对于图像插入语法的规则是不一样的

多洗爹？同样是Markdown，同样是HTML，居然有不一样的语法规则！这到底是为什么？

可恶啊，搬运文章花了好多时间

我必须要在某个粉色APP上看到CSDN和博客园的拟人百合触手本子才可以解气！

CSDN

Markdown

当我们在CSDN使用Markdown插入图片时，会发现代码是是这样的

![在这里插入图片描述](https://世界第一的公主殿下.jpeg#pic_center)

上面的代码是图片居中的格式，也是CSDN默认的图片插入格式

但是，这个方法没有办法改变图片尺寸

HTML

那么，我们需要使用HTML格式来插入图片了

<div align='center'><img src='https://世界第一的公主殿下.jpeg' ></div>

上面的代码是图片居中的格式

<div align='center'><img src='https://世界第一的公主殿下.jpeg' width='50%'></div>

上面的代码是图片居中加上图片尺寸变化的代码

没问题，可以正确显示

博客园

Markdown

其实博客园有除Markdown以外的编辑方式，但是何必更换呢？copy一下格式发在两个平台不是很香吗

我们在博客园使用Markdown插入图片会发现代码是这样的

![](https://这一切都是命运石之门的选择！.jpg)

上面的代码是图片靠左的格式，也是博客园默认的图片插入格式

我们可以加个后缀令它居中

![](https://这一切都是命运石之门的选择！.jpg#pic_center)

看下图，此时神奇的事情发生了，图片没有居中，我也不知道为什么

但4没有关西!（水无月音）

因为我们后面是需要使用HTML插入图片来调整图片大小的！

将军走此小道.jpg

HTML

我们在博客园使用HTML插入图片，代码和CSDN的相同，这行代码没有问题，是图片居中的格式

<div align='center'><img src='https://这一切都是命运石之门的选择！.jpg'></div>

然后我们给它一个尺寸变化的后缀

<div align='center'><img src='https://这一切都是命运石之门的选择！.jpg' width='10%'></div>

可以的，看上去没什么问题

到这里，我们发现，将CSDN中以Markdown格式进行图片插入的代码复制到博客园时，如果有#pic_center后缀，则会出现无法居中的情况

但是，马达马达！

博客园的HTML语法规则中，有另一种改变图片尺寸的语法

<div align='center'><img src='https://在虚构世界里寻求现实感的人才有问题.jpg' style='zoom:50%'></div>

但是，这个语法在CSDN是无法使用的

CSDN

HTML

在CSDN中使用同样的图片插入语句

<div align='center'><img src='https://在虚构世界里寻求现实感的人才有问题.jpg' style='zoom:10%'></div>

没有用，可恶啊！不知道为什么

于是又可以发现，将博客园中以HTML格式进行图片插入的代码复制到博客园时，如果使用zoom属性，则会出现缩放无效的情况

总结

全文重点来了

不管是在博客园还是在CSDN，记住下面的图像插入格式

<div align='center'><img src='https://这可就有点麻烦了.jpg' width='10%'></div>

这个语法在两个平台是通用的，可以满足图片居中和缩放的需求

搬运文章真麻烦，建议联姻，用户就省事了