Vim與Markdown共舞

RancherLabs 發布于2019-06-28 10:19 / 2099人閱讀

摘要：語法高亮是一個比較好的解決方案。本來也支持的語法高亮，但是做得還不夠。通過語法高亮，基本就很容易抓住文章的內容和結構了。結語折騰下來，下編輯筆記完全是沒有任何問題的，特別是語法高亮和特性，可以盡可能地減小與生俱來的割裂感。

Vim作為編輯器之神，用于Markdown的編輯和閱讀，會擦出什么樣的火花呢？

因為受不了某知筆記的編輯體驗，前段時間探索了在Vim中編輯和管理Markdown筆記的可能解決方案。最后，我找到了一個自認為不錯的方案，相比很多Markdown編輯器來說甚至有更好的體驗。

語法高亮

作為純文本格式，如何在Markdown文檔中快速找到所需要的內容，是影響Markdown編輯體驗的一個關鍵因素。作為最佳的狀態，如果編輯時能提供和閱讀時一樣的排版或樣式，那么Markdown的編寫就可以既高效又簡潔美觀了。因此，一個好的Markdown編輯器應該能盡可能地減小Markdown作為標記語言與生俱來的 編輯與閱讀之間的割裂感。

語法高亮是一個比較好的解決方案。試想，如果加粗、斜體等都使用粗體和斜體來高亮，代碼塊、鏈接等都使用和渲染時差不多的樣式來高亮，那么其實編輯和閱讀也就差不多都是那么回事了。

Vim本來也支持Markdown的語法高亮，但是做得還不夠。我使用 gabrielelana/vim-markdown 插件來增強高亮。另外，為了滿足其他一些需要，我Fork了該插件進行了一些改進 tamlok/vim-markdown。

另外，使用的配色方案是tamlok/detorte.該配色方案支持亮色和暗色兩個主題，相對比較柔和。對上面提到的vim-markdown插件專門適配過。

先來一個效果圖：

可以看到：

normal mode和insert mode都是粗體，組合命令則是斜體；

標題根據不同的層級，也有區分，且以粗體顯示，分明醒目；

行內代碼，如N使用類似預覽的樣式來顯示（灰底）；

有序列表的序號、表格、鏈接等也有非常好的區分度；

利用Vim的 Conceal 特性，適當地隱藏了一些非內容的標記，如粗體的**、斜體的*、行內代碼的標記和鏈接的URL部分等。這樣，可以避免大量標記喧賓奪主，令人分心。

通過語法高亮，基本就很容易抓住文章的內容和結構了。

另外，對于代碼塊，再推薦一個插件joker1007/vim-markdown-quote-syntax，支持代碼塊內的代碼語法高亮，非常炫酷。

渲染預覽

因為經常需要在Windows和Linux上工作，因此需要一個同時支持這兩個平臺的渲染插件。

iamcco/markdown-preview.vim 是一個同時支持Windows, Linux和MacOS的Markdown預覽插件。通過以下配置，基本就可以做到一個按鍵預覽當前筆記了。

let g:mkdp_path_to_chrome="chrome"
let g:mkdp_auto_close=0
nmap  MarkdownPreview
nmap  StopMarkdownPreview

大綱

大綱有助于編寫的時候時刻抓住文章的結構，對文章有一個整體的控制。

提到大綱，肯定不能不提鼎鼎大名的majutsushi/tagbar。但是，該插件默認是不支持Markdown的。

其實，主要產生ctags格式的輸出，tagbar就能渲染。網上已經有很多教程，例如只要添加markdown2ctags.py就可以實現在tagbar中顯示Markdown的大綱目錄了。

效果如下：

筆記管理

筆記管理直接使用插件scrooloose/nerdtree即可。該插件還支持收藏夾，可以對應到筆記本的概念。

查找

Vim有著強大的查找、搜索功能，所以對于純文本的Markdown來說，完全可以拿過來用。這里就不多啰嗦了，比如:vimgrep, ggreer/the_silver_searcher等。

結語

折騰下來，Vim下編輯Markdown筆記完全是沒有任何問題的，特別是語法高亮和Conceal特性，可以盡可能地減小Markdown與生俱來的割裂感。

不過，實在遺憾的是GVim也不支持顯示圖片，否則，如果能在編輯的時候就預覽圖片鏈接，將會是多么美好呀？另外，對于圖片，也是需要手動管理，這也是一個缺憾。

工作中，我使用這套解決方案來記錄Markdown筆記大概差不多兩個月。后來，實在忍不住，基于Vim的這些優點折騰了一個Markdown筆記軟件 VNote，在工作中完全取代某知筆記了，哈哈！

VNote

強烈推薦一個！ Github項目主頁，之前寫的一篇介紹文章SegmentFault VNote。

云服務器 GPU云服務器 vim與python Markdown markdown表格 markdown簡介

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/24913.html

靡不有初，鮮克有終——寫在VNote半周歲

摘要：舒適的編輯體驗通過語法高亮，最大地消除與生俱來的編輯和閱讀的割裂感。所以，是不是又少了一個回到閱讀模式的借口代碼塊語法高亮通過插件可以支持代碼塊里面的代碼語法高亮，其他的編輯器好像沒有支持。首發于簡書. showImg(https://segmentfault.com/img/remote/1460000009164987); 從去年的十一開始到今天，VNote已經半周歲了，也迭代到...

roland_reed 2019-06-28 10:21 評論0 收藏0
Markdown 的文章目錄在 Vim 里的終極解決方案

摘要：目前支持的解析引擎更新已經存在的文章目錄。生成鏈接風格的文章目錄。默認值用于控制保存文件時是否自動更新已有文章目錄。我使用的與相關的插件解決文章目錄的問題。如果你使用 Vim 編輯 Markdown，而且也為如何生成和更新文章目錄（Table of Contents）而煩惱，那么如下的內容將帶你脫離刀耕火種手寫 Toc 的體驗，回歸使用 Markdown 是為了專注于內容的初心。一...

cpupro 2019-06-28 10:18 評論0 收藏0
VIM動態預覽Markdown文章

摘要：推薦這個插件，依賴非常少，也不需要服務器等，最簡單的實現動態預覽功能。功能就是渲染當前文件夾中的所有文件并建立服務器承載網頁。中隨便進入一個文檔，按即可彈出瀏覽器動態預覽文檔。目前問題自動渲染不生效，保存文檔后，還需要再按才能更新預覽。推薦JamshedVesuna/vim-markdown-preview這個插件，依賴非常少，也不需要服務器等，最簡單的實現動態預覽功能。依賴請參考...

mylxsw 2019-06-28 10:34 評論0 收藏0
利器系列-更高效的Vim

摘要：截圖安裝你需要一個有支持的版本請使用來檢查依賴平臺依賴平臺的源自帶的版本較舊，推薦自行安裝依賴平臺下載文件到用戶主目錄打開打開它將會自動安裝插件請耐心等待它完成或者你可以使用下面的命令來自行安裝享受你的并個性化它截圖 showImg(http://moelove.qiniudn.com/vim.png); 安裝 (你需要一個有Python支持的Vim版本. 請使用 vim --ver...

tuomao 2019-06-28 10:16 評論0 收藏0