震惊！关于CSDN和博客园难以言说的秘密
震惊！关于CSDN和博客园难以言说的秘密
标题无误
这个问题非常严峻（对我而言），需要CSDN和博客园的高管来一次政治联姻才可以解决
前言
关于我为什么要写这篇文章
最近在把CSDN上的文章转移到博客园，然后发现了两边平台对于图像插入语法的规则是不一样的
多洗爹？同样是Markdown，同样是HTML，居然有不一样的语法规则！这到底是为什么？
可恶啊，搬运文章花了好多时间
我必须要在某个粉色APP上看到CSDN和博客园的拟人百合触手本子才可以解气！
CSDN
Markdown
当我们在CSDN使用Markdown插入图片时，会发现代码是是这样的
<div align='center'><img src='https://世界第一的公主殿下.jpeg#pic_center' width='50%'></div>
上面的代码是图片居中的格式，也是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插入图片会发现代码是这样的
<div align='center'><img src='https://这一切都是命运石之门的选择！.jpg' width='50%'></div>
上面的代码是图片靠左的格式，也是博客园默认的图片插入格式
我们可以加个后缀令它居中
<div align='center'><img src='https://这一切都是命运石之门的选择！.jpg#pic_center' width='50%'></div>
看下图，此时神奇的事情发生了，图片没有居中，我也不知道为什么
但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>
这个语法在两个平台是通用的，可以满足图片居中和缩放的需求
搬运文章真麻烦，建议联姻，用户就省事了
