資訊專欄INFORMATION COLUMN
摘要：語法高亮是一個(gè)比較好的解決方案。本來也支持的語法高亮，但是做得還不夠。通過語法高亮，基本就很容易抓住文章的內(nèi)容和結(jié)構(gòu)了。結(jié)語折騰下來，下編輯筆記完全是沒有任何問題的，特別是語法高亮和特性，可以盡可能地減小與生俱來的割裂感。
Vim作為編輯器之神，用于Markdown的編輯和閱讀，會(huì)擦出什么樣的火花呢？
因?yàn)槭懿涣四持P記的編輯體驗(yàn)，前段時(shí)間探索了在Vim中編輯和管理Markdown筆記的可能解決方案。最后，我找到了一個(gè)自認(rèn)為不錯(cuò)的方案，相比很多Markdown編輯器來說甚至有更好的體驗(yàn)。
語法高亮作為純文本格式，如何在Markdown文檔中快速找到所需要的內(nèi)容，是影響Markdown編輯體驗(yàn)的一個(gè)關(guān)鍵因素。作為最佳的狀態(tài)，如果編輯時(shí)能提供和閱讀時(shí)一樣的排版或樣式，那么Markdown的編寫就可以既高效又簡潔美觀了。因此，一個(gè)好的Markdown編輯器應(yīng)該能盡可能地減小Markdown作為標(biāo)記語言與生俱來的 編輯與閱讀之間的割裂感。
語法高亮是一個(gè)比較好的解決方案。試想，如果加粗、斜體等都使用粗體和斜體來高亮，代碼塊、鏈接等都使用和渲染時(shí)差不多的樣式來高亮，那么其實(shí)編輯和閱讀也就差不多都是那么回事了。
Vim本來也支持Markdown的語法高亮，但是做得還不夠。我使用 gabrielelana/vim-markdown 插件來增強(qiáng)高亮。另外， 為了滿足其他一些需要，我Fork了該插件進(jìn)行了一些改進(jìn) tamlok/vim-markdown。
另外，使用的配色方案是tamlok/detorte.該配色方案支持亮色和暗色兩個(gè)主題，相對(duì)比較柔和。對(duì)上面提到的vim-markdown插件專門適配過。
先來一個(gè)效果圖：
可以看到：
normal mode和insert mode都是粗體，組合命令則是斜體；
標(biāo)題根據(jù)不同的層級(jí)，也有區(qū)分，且以粗體顯示，分明醒目；
行內(nèi)代碼，如N
有序列表的序號(hào)、表格、鏈接等也有非常好的區(qū)分度；
利用Vim的 Conceal 特性，適當(dāng)?shù)仉[藏了一些非內(nèi)容的標(biāo)記，如粗體的**、斜體的*、行內(nèi)代碼的標(biāo)記和鏈接的URL部分等。這樣，可以避免大量標(biāo)記喧賓奪主，令人分心。
通過語法高亮，基本就很容易抓住文章的內(nèi)容和結(jié)構(gòu)了。
另外，對(duì)于代碼塊，再推薦一個(gè)插件joker1007/vim-markdown-quote-syntax，支持代碼塊內(nèi)的代碼語法高亮，非常炫酷。
渲染預(yù)覽因?yàn)榻?jīng)常需要在Windows和Linux上工作，因此需要一個(gè)同時(shí)支持這兩個(gè)平臺(tái)的渲染插件。
iamcco/markdown-preview.vim 是一個(gè)同時(shí)支持Windows, Linux和MacOS的Markdown預(yù)覽插件。通過以下配置，基本就可以做到一個(gè)按鍵預(yù)覽當(dāng)前筆記了。
let g:mkdp_path_to_chrome="chrome" let g:mkdp_auto_close=0 nmap大綱MarkdownPreview nmap StopMarkdownPreview
大綱有助于編寫的時(shí)候時(shí)刻抓住文章的結(jié)構(gòu)，對(duì)文章有一個(gè)整體的控制。
提到大綱，肯定不能不提鼎鼎大名的majutsushi/tagbar。但是，該插件默認(rèn)是不支持Markdown的。
其實(shí)，主要產(chǎn)生ctags格式的輸出，tagbar就能渲染。網(wǎng)上已經(jīng)有很多教程，例如只要添加markdown2ctags.py就可以實(shí)現(xiàn)在tagbar中顯示Markdown的大綱目錄了。
效果如下：
筆記管理筆記管理直接使用插件scrooloose/nerdtree即可。該插件還支持收藏夾，可以對(duì)應(yīng)到筆記本的概念。
查找Vim有著強(qiáng)大的查找、搜索功能，所以對(duì)于純文本的Markdown來說，完全可以拿過來用。這里就不多啰嗦了，比如:vimgrep, ggreer/the_silver_searcher等。
結(jié)語折騰下來，Vim下編輯Markdown筆記完全是沒有任何問題的，特別是語法高亮和Conceal特性，可以盡可能地減小Markdown與生俱來的割裂感。
不過，實(shí)在遺憾的是GVim也不支持顯示圖片，否則，如果能在編輯的時(shí)候就預(yù)覽圖片鏈接，將會(huì)是多么美好呀？另外，對(duì)于圖片，也是需要手動(dòng)管理，這也是一個(gè)缺憾。
工作中，我使用這套解決方案來記錄Markdown筆記大概差不多兩個(gè)月。后來，實(shí)在忍不住，基于Vim的這些優(yōu)點(diǎn)折騰了一個(gè)Markdown筆記軟件 VNote，在工作中完全取代某知筆記了，哈哈！
VNote強(qiáng)烈推薦一個(gè)！ Github項(xiàng)目主頁，之前寫的一篇介紹文章SegmentFault VNote。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/24913.html
摘要：舒適的編輯體驗(yàn)通過語法高亮，最大地消除與生俱來的編輯和閱讀的割裂感。所以，是不是又少了一個(gè)回到閱讀模式的借口代碼塊語法高亮通過插件可以支持代碼塊里面的代碼語法高亮，其他的編輯器好像沒有支持。 首發(fā)于簡書. showImg(https://segmentfault.com/img/remote/1460000009164987); 從去年的十一開始到今天，VNote已經(jīng)半周歲了，也迭代到...
摘要：目前支持的解析引擎更新已經(jīng)存在的文章目錄。生成鏈接風(fēng)格的文章目錄。默認(rèn)值用于控制保存文件時(shí)是否自動(dòng)更新已有文章目錄。我使用的與相關(guān)的插件解決文章目錄的問題。 如果你使用 Vim 編輯 Markdown，而且也為如何生成和更新文章目錄（Table of Contents）而煩惱，那么如下的內(nèi)容將帶你脫離刀耕火種手寫 Toc 的體驗(yàn)，回歸使用 Markdown 是為了專注于內(nèi)容的初心。 一...
摘要：推薦這個(gè)插件，依賴非常少，也不需要服務(wù)器等，最簡單的實(shí)現(xiàn)動(dòng)態(tài)預(yù)覽功能。功能就是渲染當(dāng)前文件夾中的所有文件并建立服務(wù)器承載網(wǎng)頁。中隨便進(jìn)入一個(gè)文檔，按即可彈出瀏覽器動(dòng)態(tài)預(yù)覽文檔。目前問題自動(dòng)渲染不生效，保存文檔后，還需要再按才能更新預(yù)覽。 推薦JamshedVesuna/vim-markdown-preview這個(gè)插件，依賴非常少，也不需要服務(wù)器等，最簡單的實(shí)現(xiàn)動(dòng)態(tài)預(yù)覽功能。 依賴請(qǐng)參考...
摘要：截圖安裝你需要一個(gè)有支持的版本請(qǐng)使用來檢查依賴平臺(tái)依賴平臺(tái)的源自帶的版本較舊，推薦自行安裝依賴平臺(tái)下載文件到用戶主目錄打開打開它將會(huì)自動(dòng)安裝插件請(qǐng)耐心等待它完成或者你可以使用下面的命令來自行安裝享受你的并個(gè)性化它 截圖 showImg(http://moelove.qiniudn.com/vim.png); 安裝 (你需要一個(gè)有Python支持的Vim版本. 請(qǐng)使用 vim --ver...
閱讀 1986·2021-09-30 09:46
閱讀 1397·2019-08-30 15:43
閱讀 1150·2019-08-29 13:28
閱讀 1950·2019-08-29 11:24
閱讀 1728·2019-08-26 13:22
閱讀 4022·2019-08-26 12:01
閱讀 1848·2019-08-26 11:33
閱讀 3270·2019-08-23 15:34
