Vim与Markdown,实现键不离手

作者: tamlok | 来源:发表于2017-04-09 15:27 被阅读6149次

Vim作为坊间流传的编辑器之神,能在双手不离开键盘的情况下实现各种高效的文本编辑操作以及帮助乌干达的可怜儿童;Markdown作为一种非常简单的标记语言,能在不需要鼠标指指点点的情况下就完成一篇漂亮的排版文章。那么,结合Vim和Markdown,基本就可以达到传说中的"键"不离手了!

笔者作为一个Vimer,使用Vim来写Markdown笔记也有一段时间。下面总结了一些自己的经验,希望能帮助同样需要Vim和Markdown的你!

语法高亮

作为纯文本格式,如何在Markdown文档中快速找到所需要的内容,是影响Markdown编辑体验的一个关键因素。作为最佳的状态,如果编辑时能提供和阅读时一样的排版或样式,那么Markdown的编写就可以既高效又简洁美观了。因此,一个好的Markdown编辑器应该能尽可能地减小Markdown作为标记语言与生俱来的 编辑与阅读之间的割裂感

语法高亮是一个比较好的折中的解决方案。试想,如果加粗、斜体等都使用粗体和斜体来高亮,代码块、链接等都使用和渲染时差不多的样式来高亮,那么其实编辑和阅读也就差不多都是那么回事了。至于说“折中”,是因为有部分流行的Markdown编辑器完全采用 所见即所得 的方式,编辑时,输入一个文本后马上渲染为对应的HTML显示;对于这种做法,见仁见智,但是我觉得和Markdown的设计理念背道而驰,可以说是另一个极端。

Vim本来也支持Markdown的语法高亮,但是做得还不够好。我使用gabrielelana/vim-markdown 插件来增强高亮。另外, 为了满足其他一些需要,我Fork了该插件进行了一些改进tamlok/vim-markdown

另外,使用的配色方案是tamlok/detorte.该配色方案支持亮色和暗色两个主题,相对比较柔和。对上面提到的vim-markdown插件专门适配过。

先上图再说话:

Vim Highlight

可以看到:

  1. 文中的normal modeinsert mode都是粗体显示,组合命令则是斜体显示;这样,既没有*号标记干扰视线,也能一目了然地抓住重点。
  2. 标题根据不同的层级,也有区分,且以粗体显示;醒目地将一篇文章划分为多个小节,凸显文章的整个结构脉络。
  3. 对于Markdown中的行内代码,如N<command>,则使用类似阅读时的样式来显示(灰底)。
  4. 文中的列表的头部、表格、链接等都通过高亮来体现出非常好的区分度。
  5. 利用Vim的 Conceal 特性,适当地隐藏了一些标记,如粗体的**、斜体的*、行内代码的标记和链接的URL部分等。如此一来,就能避免大量的标记喧宾夺主。

总的来说,通过语法高亮, 基本就让我们很容易在视觉上抓住文章的骨架和结构了。

代码高亮

代码块的代码高亮也是可以有的。推荐一个插件joker1007/vim-markdown-quote-syntax,支持代码块内的代码语法高亮。如下图:

Vim Code Syntax Highlihgt

大纲

大纲有助于写文章时能时刻抓住文章的结构,对文章有一个整体的控制。

对于Vimer来说,提到大纲,估计第一反应就是大名鼎鼎的majutsushi/tagbar (什么?并没有想到tagbar?你是不是emacs的卧底?)但是,该插件默认是不支持Markdown的。

其实,主要产生ctags格式的输出,tagbar就能渲染。网上已经有很多教程,例如只要添加markdown2ctags.py就可以实现在tagbar
中显示Markdown的大纲目录了。

效果如下:

Vim Outline

渲染阅读

因为经常需要在Windows和Linux上工作,因此需要一个同时支持这两个平台的渲染插件。

iamcco/markdown-preview.vim 是一个同时支持Windows, Linux和MacOS的Markdown预览插件。通过以下配置,基本就可以做到一个按键预览当前笔记了。

let g:mkdp_path_to_chrome="chrome"
let g:mkdp_auto_close=0
nmap <F7> <Plug>MarkdownPreview
nmap <F8> <Plug>StopMarkdownPreview

笔记管理

笔记管理直接使用插件scrooloose/nerdtree即可。该插件还支持收藏夹,可以对应到笔记本的概念。

Vim Notes Management

查找

Vim有着强大的查找、搜索功能,所以对于纯文本的Markdown来说,完全可以拿过来用。这里就不多啰嗦了,比如:vimgrep
, ggreer/the_silver_searcher等。

结语

折腾下来,Vim下编辑Markdown笔记完全是没有任何问题的,特别是语法高亮和Conceal特性,可以尽可能地减小Markdown与生俱来的割裂感。

不过,实在遗憾的是GVim也不支持显示图片,否则,如果能在编辑的时候就预览图片链接,将会是多么美好呀?另外,对于图片,也是需要手动管理,这也是一个缺憾。

工作中,我使用这套解决方案来记录Markdown笔记大概差不多两个月。后来,实在忍不住,基于Vim的这些优点折腾了一个Markdown笔记软件VNote,结合网盘同步,在工作中完全取代了某云某知了啦!

VNote

如果你认同以上几点Markdown编辑理念,那么你绝对需要下载VNote来尝试尝试。

广告时间~VNote: 一个舒适的Markdown笔记软件。这篇介绍文章写于两个月前。经过两个月的开发,目前VNote已经基本可以算是麻雀虽小五脏俱全了。借助于Vim的一些优点,也能做到“键”不离手,比如:

  • 舰长模式
    借助前导键Ctrl+E,进入舰长模式。在该模式中,我们有26个字母可以分配快捷键,实现如单面板、退出、显示工具面板等操作。
  • 高效的标签页跳转
    Ctrl+E 1 跳转到第1个标签页;Ctrl+E 9跳转到第9个标签页;Ctrl+E 0在当前标签页和前一个标签页之间轮换!在需要参考多个笔记的时候,特别方便使用!
  • 导航模式
    Ctrl+E W进入导航模式。该模式类似于Vim下的插件easy-motion,在一些主要部件上显示两个字母,键入这两个字母即可跳转到对应部件上。

VNote虽然一直都在努力完善,包括不断借鉴Vim的优点和使用经验。但是有一个很严重的问题,就是不能帮助乌干达的可怜儿童!~~

VNote

相关文章

  • Vim与Markdown,实现键不离手

    Vim作为坊间流传的编辑器之神,能在双手不离开键盘的情况下实现各种高效的文本编辑操作以及帮助乌干达的可怜儿童;Ma...

  • vim常用快捷键

    vim常用快捷键 移动光标 搜索、替换 删除、复制与粘贴 区块操作 实现多行编辑 多档案编辑 透过『 vim ho...

  • 用Vim写markdown

    如何使用vim插件实时预览markdown文件 主要是使用一个叫markdown-preview的插件来实现预览,...

  • ubuntu & vim下的使用技巧

    ubuntu下善用win键+数字的方式进行窗口切换。 vim实现和ultraedit一样的搜索结果效果 vim 中...

  • vscode + vim +markdown

    vscode + vim +markdown vscode直接安装,免费 vim:通过安装vscode插件 vim...

  • 5 > 如何实现微信公众号自动化极速排版

    如何实现微信公众号自动化极速排版 Markdown 安装 编辑 使用Markdown语法 排版 快捷键 : Ctr...

  • Vim

    vim 常用快捷键 VIM用法 vim入门进阶与折腾 shift + v 进入可视模式 然后用hjkl选中操作的行...

  • vim基础操作

    vim: filetype=markdown vi / vim 基本操作 vi/vim 共分为三种模式:分别是命令...

  • vim在.vimrc里配置快捷键

    前缀键 前缀键。各类 vim 插件帮助文档中经常出现 ,即,前缀键。vim 自带有很多快捷键,再加...

  • Vi 的基本命令

    ESC 键 命令模式i键 编辑模式shhift键 末行模式vim这么些基本操作 熟vim属于vi发展出来的...

网友评论

  • 2d4d30135289:开始试着用markdown
    tamlok: @夏天的微风_6da2 😁
  • AlvinMi:vim可以直接支持markdown吗?
    tamlok: @AlvinMi 只是有语法高亮而已
  • 开发者头条_程序员必装的App:感谢分享!已推荐到《开发者头条》:https://toutiao.io/posts/0rg8o0 欢迎点赞支持!
    欢迎订阅《胡司令的枪》https://toutiao.io/subject/230693
    tamlok: @开发者头条_程序员必装的App 谢谢推荐!欢迎顺便把vnote也推荐一下 http://www.jianshu.com/p/c57bb900b322 😬
  • Panerly:在用Macdown 很好用
    tamlok: @Panerly 为何不试试VNote呢?😁
  • Rickey丶cc:乌干达是啥求解😳😳😳
    tamlok: @Rickey丶cc 乌班图 Ubuntu😁
    Rickey丶cc: @tamlok 😂😂😂第一眼以为是ubantu
    tamlok: @Rickey丶cc 一个国家?Vim启动的时候会显示 帮助可怜的乌干达儿童。 一个梗😁
  • 神一样的少男:emacs党飘过~~~~~~~~~~~~
    tamlok: @神一样的少男 道友, 你已闯入禁地!😁
  • WolfXu:推荐一下 Typora ,编辑和阅读不分离的 Markdown 编辑器
    tamlok: @WolfXu 不喜欢这种理念,和markdown背道而驰了,而且搞得复杂bug就多,兼容性就差。btw,VNote是一个笔记软件,哈哈😄你可以试用一下!谢谢
  • dfe147f4a102:最近我也是在研究用markdown做笔记 暂时在用gitbook 可惜公司不能随意安装程式,不然就可以试试你这软件
    tamlok: @_v君 而且公司内部资料的话,还是用本地笔记比较好😬
    tamlok: @_v君 不用安装,绿色的,下载了直接运行,可能可以避开公司的管制😁

本文标题:Vim与Markdown,实现键不离手

本文链接:https://www.haomeiwen.com/subject/enydattx.html