CSDN中的Markdown编辑器无法设置图片大小的问题(已解决)

CSDN中的Markdown编辑器无法设置图片大小的问题

发布:2021年7月31日15:48:13

CSDN官方示例

总结操作

想要设置图片大小,直接按照官方范例,在图片链接后面加上=123x456,其中123为宽度,456为高度,注意那个x不是输入法里的乘号×,而是二十六个小写英文字母中的x

过程叙述

我想在我的CSDN博客上插入一个表情包,并按照CSDN给的Markdown语法范例将图片居中并显示为特定的尺寸(150x150)。那就是要在图片链接的后面加上#pic_center =150x150。如下图:

在这里插入图片描述
我一开始是用搜狗输入法中的乘号:
ch
但是我发现无论如何都没法儿设置图片的大小,于是我又在搜狗输入法的符号大全中找乘号:
在这里插入图片描述
结果居然还是不行!于是我试着将官方示例中的那个看起来像乘号的符号直接复制过来用,结果这下就管用了,于是我想,难道是搜狗输入法里面的乘号是假的?于是我就想着用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。如下图:

image-20210731153914635image-20210731153928286

好家伙,破案了。原来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博客

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值