步骤1:将代码框变为markdown格式并粘贴图片
Step1:按esc键使代码框变成命令行模式,代码框左边的小矩形呈蓝色
![image-20230619132642503](https://img-blog.csdnimg.cn/2237da99d07f43c2b48d2ff6f6b1c8c9.png#pic_center)
Step2:在命令行模式下按键盘上的“M
”键,使其变成markdown模式,左边的“In []
”消失
![image-20230619132920438](https://img-blog.csdnimg.cn/cf78dd73a9d1416b86ea6677cc27a11c.png#pic_center)
Step3:按键盘上的“enter
"键,进入编辑模式,直接粘贴图片
![image-20230619133608474](https://img-blog.csdnimg.cn/23d4adedde7547feba5b2d1d05421cc5.png#pic_center)
Step4:windows系统按Ctrl+enter
,Mac 系统按⌘↩
即可显示图片
![](https://img-blog.csdnimg.cn/dcc77a79f835489883511002240347eb.png#pic_center)
如果不需要缩放图片,则到此结束即可,需要缩放图片见步骤二
步骤2:缩放图片
Step1:点击图片并按enter
键进入编辑模式,左边小矩形变成绿色,在第一行下面再加一行<img src="attachment:image.png" alt="" style="zoom:33%;" />
缩放的大小在zoom:
的后面添加相应的缩放比例来控制
同时需要去除第一行的感叹号和方括号[]
内的文字,但是不能删除(亲测删除第一行后会有bug)
![image-20230619134734666](https://img-blog.csdnimg.cn/bfb7c06a283342dbb57d2e61ad84fe7e.png#pic_center)
Step2:windows系统按Ctrl+enter
,Mac 系统按⌘↩
即可显示缩放后的图片
![image-20230619134831836](https://img-blog.csdnimg.cn/77a3125872d0426388bbf0f427b2fd63.png#pic_center)