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

简介: 介绍一款 Vim 插件,可以帮助提升编辑 Markdown 时的从剪贴板粘贴图片的效率和体验。

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

前后对比

我以前常用的操作流程:

  1. 复制图片/截图;

  2. 在保存图片对话框里一层层点选保存路径,输入文件名保存;

  3. 回到 Vim 里,手动输入引用图片的表达式。

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

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

  1. 复制图片/截图;

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

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

效果演示:

图片

使用方法

安装

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

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

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

配置

插件没有给粘贴剪贴板里的图片的操作绑定默认快捷键,需要自己绑定一下,比如我是绑定到 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 配置文件托管在 GitHub[3],供参考。

It’s done, enjoy it.


  1. https://github.com/ferrine/md-img-paste.vim ↩︎

  2. https://github.com/VundleVim/Vundle.vim ↩︎

  3. https://github.com/mzlogin/config-files/blob/master/\_vimrc ↩︎

目录
相关文章
|
7月前
|
NoSQL Linux Shell
Linux下的系统编程——vim/gcc编辑(二)
Linux下的系统编程——vim/gcc编辑(二)
70 0
Linux下的系统编程——vim/gcc编辑(二)
|
2月前
|
存储 前端开发 JavaScript
🚀前端轻松实现网页内容转换:一键复制、保存图片及生成 Markdown
在现代前端开发中,提升用户的交互体验至关重要。本文将详细介绍如何使用 HTML2Canvas 和 Turndown 两个强大的 JavaScript 库,实现将网页选中文本转化为图片并保存或复制到剪贴板,或将内容转换为 Markdown 格式。文章包含核心代码实现、技术细节和功能拓展方向,为开发者提供了一个轻量级的解决方案,提升用户体验。
162 68
|
2月前
|
IDE Java 开发工具
在 Vim 里为 Markdown 文档展示导航窗格
在一个很长的 Markdown 文档里要准确跳转到某标题并不容易,如果像 Word 那样有个导航窗格就好了。
34 6
|
2月前
|
iOS开发 MacOS Python
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
本篇将详细介绍如何在Mac系统上安装Typora这款简洁高效的Markdown编辑器,并学习Markdown常用语法。通过本篇,用户能够准备好记录学习笔记的工具,并掌握基本的文档编辑与排版技巧,为后续学习提供便利。
158 1
【10月更文挑战第1天】「Mac上学Python 1」入门篇1 - 安装Typora与Markdown编辑技巧
|
5月前
|
开发工具
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
SublimeText配置Markdown编辑及预览
本文详细介绍了如何配置Sublime Text及相关插件,使之成为Markdown编辑器并且能够在浏览器中实现预览功能。
|
4月前
|
Web App开发 Linux Windows
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
112 3
|
4月前
|
Unix Linux 开发工具
但凡会点Vim编辑技巧,不至于被说成是很水的网工了。
但凡会点Vim编辑技巧,不至于被说成是很水的网工了。
|
6月前
|
程序员 开发工具
Vim命令大全:掌握编辑利器
Vim命令大全:掌握编辑利器
|
6月前
|
开发工具
Vim 编辑器:高效文本编辑的瑞士军刀
**Vim 概览:** Vim 是一个功能丰富的文本编辑器,以其高度可定制性著称。文章介绍了 Vim 的高效使用技巧,包括快捷打开文件、命令行模式下的常用命令、查找与替换、删除和复制文本。还讨论了配置 `.vimrc` 文件以自定义设置,如改变 leader 键、设置缩进和高亮,并展示了安装插件如 vim-airline 和 vim-snazzy 的方法。通过这些技巧,用户能提升 Vim 使用效率。
71 5