为了账号安全,请及时绑定邮箱和手机立即绑定

用 Vim 编辑 Markdown 时直接粘贴图片

标签:
Html/CSS

我习惯使用 Vim 编辑 Markdown 文件,一直存在一个痛点就是粘贴图片很不方便。

前后对比

我以前常用的操作流程:

  1. 复制图片/截图;
  2. 在保存图片对话框里一层层点选保存路径,输入文件名保存;
  3. 回到 Vim 里,手动输入引用图片的表达式。

第 2 步和第 3 步是比较痛苦的,尤其是文件路径比较深的时候,可能要点选好几次。

最近偶然发现的一个外国小伙写的插件 md-img-paste.vim1,能比较好地解决这个问题。现在的操作流程:

  1. 复制图片/截图;

  2. 在 Vim 里输入图片相对路径,自动保存图片并插入引用图片的表达式。

    注:也可以直接回车,会按默认规则生成文件名。

效果演示:

使用方法

安装

这个插件没有其它依赖,使用自己习惯的插件管理方式安装就好。

比如我使用 Vundle2,在 vimrc 里添加如下内容,然后 :so $MYVIMRC:PluginInstall 就好了。

Plugin 'ferrine/md-img-paste.vim'

配置

插件没有给粘贴剪贴板里的图片的操作绑定默认快捷键,需要自己绑定一下,比如我是绑定到 <leader>i

autocmd FileType markdown nmap <buffer><silent> <leader>i :call mdip#MarkdownClipboardImage()<CR>

另外还有两个可选配置项:

let g:mdip_imgdir = '.'
" let g:mdip_imgname = 'image'
  1. g:mdip_imgdir 对应图片保存路径前缀。我设置为了 .,然后总是输入相对当前文件的路径;
  2. g:mdip_imgname 对应图片保存时的缺省文件名前缀,即粘贴图片时,如果不输入文件名直接回车,将保存为 <前缀>_日期-时间.png 名称的文件。

我的完整 Vim 配置文件托管在 GitHub3,供参考。

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消