CSDN中的Markdown编辑器无法设置图片大小的问题
发布:2021年7月31日15:48:13
总结操作
想要设置图片大小,直接按照官方范例,在图片链接后面加上=123x456
,其中123
为宽度,456
为高度,注意那个x
不是输入法里的乘号×
,而是二十六个小写英文字母中的x
。
过程叙述
我想在我的CSDN博客上插入一个表情包,并按照CSDN给的Markdown语法范例将图片居中并显示为特定的尺寸(150x150)。那就是要在图片链接的后面加上#pic_center =150x150
。如下图:
我一开始是用搜狗输入法中的乘号:
但是我发现无论如何都没法儿设置图片的大小,于是我又在搜狗输入法的符号大全中找乘号:
结果居然还是不行!于是我试着将官方示例中的那个看起来像乘号的符号直接复制过来用,结果这下就管用了,于是我想,难道是搜狗输入法里面的乘号是假的?于是我就想着用JavaScript在控制台输出这两个字符的Unicode编码,一看结果,就发现了端倪。
function getUnicode (char) {
return char.charCodeAt(0).toString(16);
}
// 搜狗输入法中的输入 ch 所得的符号:×
console.log('搜狗输入法中的×:', getUnicode('×'));
// CSDN中指定图片大小的式子中的符号:x
console.log('CSDN编辑器中的x:', getUnicode('x'));
// 搜狗输入法中的×: d7
// CSDN编辑器中的x: 78
水落石出
查看Unicode
编码表发现,这两个符号中,编码为\u00d7
的字符才算是真正的乘号,而编码为\u0078
的为小写拉丁字母x
。如下图:
![]() | ![]() |
---|
好家伙,破案了。原来CSDN编辑器中的那个x
压根就不是乘号,而是X
的小写拉丁字母(也就是小写x
),关键是给的范例里一点提示也没有,只能说无语了……
PS:上面这张表情包的尺寸设置成了
250x250
,你细品~
相关参考
更新:2021年7月31日16:30:32
参考:JavaScript 获取某个字符的 Unicode 码_weixin_30739595的博客-CSDN博客
参考:无语 表情包的搜索结果_百度图片搜索
更新:2021年8月4日11:37:59
参考:CSDN Markdown 调整插入图片的大小及位置方法_tonglingtou1875的博客-CSDN博客
参考:CSDN的Markdown编辑器如何修改插入图片的大小和比例_mamba_kitty的博客-CSDN博客