markdown笔记(二)—— 插入图片及调整大小

更快地插入图片

最传统的插入图片方式当然是使用代码方式:

![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

但是这种极其不实用,试问还能每次插入个图片都复制黏贴个代码不成?
所幸至少csdn自带的markdown编辑器有工具栏:

blog.csdnimg.cn/2019122720112081.png)
直接点击图片即可从本地上传图片了,这个和快捷键:

Command + Shift + G

是一样的效果。
但是,即使这样,不得不说还是很难受,太麻烦了。这里推荐一个更快的方法:ctr/cmd+V。
是的,就是用电脑的截图工具拿到图片(对于本地的其他图片还是上传吧)放在剪切板中(win下的win+shift+s,mac下的cmd+shift+option+4),然后在markdown编辑器中直接ctr/cmd+V。

修改图片大小

对上面ctr/cmd+V的方式黏贴的图片,其语法为:
在这里插入图片描述
修改大小可以直接在图片名后加上:

" =200x40"

看代码:
在这里插入图片描述
看效果:
在这里插入图片描述
当然,要注意:
一定要严格按照这个语法:

" =200x40"     // 空格等号长x宽

空格不能省,等号后面不能有等号,x是字母x。
还可以灵活一点,有时保持纵横比,只需要指定长即可,那么可以这样:

" =200x"     // 空格等号长x宽

设置图片居中

图片名后追加:

"#pic_center"     // 空格等号长x宽

试一下:
在这里插入图片描述
效果:
在这里插入图片描述
当然,后面的图片大小设置可以省去。

其他方案

不同平台的markdown编辑器和渲染都是不一样的,在这个平台上运行显示正常的markdown文本在其他平台不一定可行。如上面修改图片大小及位置的代码有网友反应无效,这里贴上其他大神给出的方案:
markdown中插入图片怎么定义图片的大小或比例?
即使用html元素进行包裹,利用html容器改变图片大小和位置。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值