V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Daring Fireball: Markdown
CommonMark
MacDown Open Source Markdown Editor
Marked
GitHub Flavored Markdown
mzlogin
V2EX  ›  Markdown

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

  •  
  •   mzlogin · 2020-05-04 12:33:26 +08:00 · 6729 次点击
    这是一个创建于 1672 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我习惯使用 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'
    

    配置

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

    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.

    6 条回复    2020-05-07 20:02:43 +08:00
    learningman
        1
    learningman  
       2020-05-04 12:55:08 +08:00
    这个外国小伙。。。不适感一下就上来了
    jdhao
        2
    jdhao  
       2020-05-04 13:09:19 +08:00 via Android
    不用图床放图片吗,图片和 Markdown 文件放一个目录不会导致博客文件太大??
    mzlogin
        3
    mzlogin  
    OP
       2020-05-04 13:14:35 +08:00
    @learningman 啊……这个表达,没有恶意。
    mzlogin
        4
    mzlogin  
    OP
       2020-05-04 13:17:27 +08:00
    @jdhao 按我的使用情况来看还好,也许是我贴图也不是特别多……[我的博客]( https://mazhuang.org) 也有小二百篇东西吧,目前仓库大小 21MB 左右。里的所以目前的方案是直接放仓库里,然后编译的时候自动把图片地址改到 jsdelivr cdn 的访问地址。
    yzlnew
        5
    yzlnew  
       2020-05-05 10:51:09 +08:00
    推荐从 Vundle 迁移到 vim-plug
    mzlogin
        6
    mzlogin  
    OP
       2020-05-07 20:02:43 +08:00 via Android
    @yzlnew 我今天还真去迁移了下哈哈,hook 有点香
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2610 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 06:34 · PVG 14:34 · LAX 22:34 · JFK 01:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.