摘要：舒適的編輯體驗(yàn)通過語法高亮，最大地消除與生俱來的編輯和閱讀的割裂感。所以，是不是又少了一個(gè)回到閱讀模式的借口代碼塊語法高亮通過插件可以支持代碼塊里面的代碼語法高亮，其他的編輯器好像沒有支持。

首發(fā)于簡書.

從去年的十一開始到今天，VNote已經(jīng)半周歲了，也迭代到版本1.3了。目前，VNote的用戶很少，知道VNote的也不多。想想，使用最多的用戶，可能還是我自己！:) 依然記得建立Q群后，拉第一個(gè)用戶是非非想天，進(jìn)群后對我說了一句：才剛開始做啊。

回想這半年，幾乎所有的業(yè)余時(shí)間都用來折騰VNote，其他方面的自己倒學(xué)習(xí)得少了，偶爾也會有點(diǎn)“玩物喪志”的內(nèi)疚。半年，不長不短，也是時(shí)候好好總結(jié)一下了。

四五年前開始，我就開始使用Markdown來記筆記。剛開始用的為知筆記是國內(nèi)較早支持Markdown的一個(gè)筆記軟件，剛開始用的時(shí)候感覺也還不錯(cuò)，斷斷續(xù)續(xù)也寫了一千多篇筆記了。后來，我也喜歡用Markdown筆記來記錄閱讀代碼相關(guān)的筆記。慢慢地，終于忍不住為知筆記在Markdown上的諸多缺點(diǎn)了：

編輯的時(shí)候是HTML富文本編輯，所以各種換行、格式特別別扭，本來被Markdown治好的強(qiáng)迫癥又被狠狠地刺激了。特別是Linux和Windows上交替使用的話，段落格式簡直是一塌糊涂。

為知筆記編輯的時(shí)候沒有大綱（現(xiàn)在新版好像支持了），加上完全是白紙黑字的純文本，當(dāng)筆記稍微長一點(diǎn)后，我就在黑壓壓的一片字山字海里面找不著東南西北了。

Markdown的編輯體驗(yàn)可以用“渣渣”兩個(gè)字來形容。

于是，我開始在網(wǎng)上試用各種筆記和編輯器。筆記軟件是沒得選擇的，有道和印象那時(shí)都不原生支持Markdown。編輯器折騰了不少，包括MarkdownPad、初次驚艷的Typora、StackEdit和作業(yè)部落等。作業(yè)部落使用了一段時(shí)間，但是它的所謂客戶端就是包了一層的Web，切換文件的那一段時(shí)間我都可以摳腳丫子了。

關(guān)于這些編輯器，我不滿意的地方主要包括：

筆記管理功能弱
當(dāng)然，只是一個(gè)編輯器，你還要啥自行車呢。

處理Markdown編輯閱讀割裂感的方式不合我意
Markdown編輯器隨手一抓幾乎都是提供實(shí)時(shí)預(yù)覽的。慢慢地，好像Markdown和實(shí)時(shí)預(yù)覽就被強(qiáng)行綁在一起了。很多人一聽見VNote支持Markdown，一般會問：支持實(shí)時(shí)預(yù)覽嗎？

實(shí)時(shí)預(yù)覽對于Markdown新手來說還是不錯(cuò)的，起碼能夠隨時(shí)糾正語法錯(cuò)誤。但是，對于一個(gè)已經(jīng)掌握了Markdown語法的人來說，真的需要嗎？將屏幕一分為二，在左邊編輯輸入內(nèi)容，然后看看右邊效果似乎還不錯(cuò)；突然發(fā)現(xiàn)前面有個(gè)字寫錯(cuò)了，又回到左邊找對應(yīng)的那個(gè)字段，把錯(cuò)誤改正；然后看看右邊，確認(rèn)一下的確改的沒錯(cuò)；然后，回到左邊，繼續(xù)編輯下面的內(nèi)容。即使你不累，我描述起來都覺得累。
Markdown設(shè)計(jì)的初衷是通過純文本加上一些標(biāo)記來使得文本的閱讀更舒適，通過簡單的標(biāo)記來將文章的一些重點(diǎn)內(nèi)容和骨架脈絡(luò)清楚地顯示出來，從而方便用戶閱讀和編寫。一旦編輯完成后，渲染為HTML以獲得一個(gè)良好的排版并發(fā)布出去。所以，渲染是用來閱讀的，而不是編輯。
對于Typora，說時(shí)候，第一次碰見的時(shí)候還是覺得眼前一亮！直接將Markdown文本在編輯的時(shí)候就原地渲染為富文本，這樣頭就不用左右顧盼了。后來試了了幾天，我就放棄了。一個(gè)是修改的多，Bug多，兼容性差，表現(xiàn)為復(fù)制一段Markdown文字進(jìn)去后往往渲染錯(cuò)誤；另一個(gè)是覺得這樣的方式違背了Markdown的設(shè)計(jì)理念，作者輸入的文本會被強(qiáng)行改正并渲染，作者能控制的就少了，使用體驗(yàn)上就類似于在Word里面用一段快捷鍵操作加粗、標(biāo)題等。

尋尋覓覓后，回到了Vim的懷抱，折騰了一番配置后，發(fā)現(xiàn)編輯體驗(yàn)還是相當(dāng)不錯(cuò)的：

Vim通過語法高亮來標(biāo)示Markdown中的對應(yīng)元素，讓整篇文章一目了然；更巧妙的是，利用Vim的Conceal特性能夠?qū)⒁恍?biāo)記隱藏起來，比如**bold**，在Vim中會以粗體顯示bold，然后隱藏兩邊的**標(biāo)記，而當(dāng)光標(biāo)移動(dòng)到這一行的時(shí)候，**又會顯示出來。

Vim可以支持Markdown的大綱顯示，也自帶不錯(cuò)的文件管理功能；

對于Vim編輯Markdown感興趣的同學(xué)，可以移步這篇文章看看Vim與Markdown，實(shí)現(xiàn)鍵不離手。

Vim啟發(fā)了我什么是一個(gè)舒適的Markdown筆記軟件：

用戶應(yīng)該在編輯的時(shí)候，就能清楚地抓住文章的重點(diǎn)和脈絡(luò)；

通過有意義的語法高亮，將Markdown中的一些標(biāo)記、元素突出顯示；

編輯的時(shí)候 原地 預(yù)覽插入的圖片、公式等；

方便的圖片管理和表格插入；

目錄大綱；

用戶可以長時(shí)間停留在編輯模式，而不用來回切換到渲染后的效果；

強(qiáng)大的快捷鍵，包括對Markdown語法相關(guān)的支持；

大家對比一下簡書的編輯器和VNote的編輯效果，就大概感受到我想表達(dá)的意思了（簡叔別怪我~）：

于是，一時(shí)頭腦發(fā)熱，帶上C++和Qt就開搞了（當(dāng)然還有我心愛的Vim）。

在實(shí)現(xiàn)的過程中，有時(shí)候我也問自己：真的有需要再折騰一個(gè)筆記軟件嗎？沒有團(tuán)隊(duì)，沒有服務(wù)器，沒有資金，做出來后如何和別的產(chǎn)品競爭？真的會有人用嗎？

當(dāng)然，更多地，我會想：VNote和其他筆記軟件、Markdown編輯器相比，優(yōu)點(diǎn)是什么？

從閉門造車，到1.0，再到現(xiàn)在的1.3，VNote也初步形成自己的風(fēng)格。

借鑒于OneNote等，VNote支持筆記本、文件夾、文件的層次管理。一個(gè)筆記本是獨(dú)立、自足的，可以使用外部工具同步到其他電腦上然后再導(dǎo)入。同時(shí)，也可以通過筆記本來區(qū)分不同安全等級的數(shù)據(jù)，比如個(gè)人筆記本可以使用云盤服務(wù)進(jìn)行同步，公司相關(guān)的筆記本則保存到本地并使用公司的內(nèi)部云服務(wù)進(jìn)行同步。

通過語法高亮，最大地消除Markdown與生俱來的編輯和閱讀的割裂感。使用VNote，你完全可以停留在編輯模式，而絲毫不會降低筆記的可讀性。

總的來說，VNote提供的一些比較突出的特性有如下幾點(diǎn)。

標(biāo)題、粗體、斜體、鏈接、引用、行內(nèi)代碼等等，都會被醒目地標(biāo)示出來。在純文本上提供類似于富文本的閱讀效果。所以，是不是又少了一個(gè)回到閱讀模式的借口？

復(fù)制圖片后，直接在VNote中粘貼即可，VNote會幫你管理筆記的所有圖片。更進(jìn)一步，VNote會在編輯的時(shí)候顯示圖片鏈接對應(yīng)的圖片。所以，是不是又少了一個(gè)回到閱讀模式的借口？

Vim通過插件可以支持代碼塊里面的代碼語法高亮，其他的編輯器好像沒有支持。在1.3版本里，VNote支持編輯時(shí)代碼塊語法高亮啦。所以，是不是又少了一個(gè)回到閱讀模式的借口？

借鑒Vim的快捷鍵和一些插件的創(chuàng)意，VNote支持 艦長模式 和 導(dǎo)航模式。簡單來說，就是：

設(shè)立一個(gè)前導(dǎo)鍵Ctrl+E，按下該鍵后，可以再按對應(yīng)的按鍵來實(shí)現(xiàn)快捷操作，比如Ctrl+E 5跳轉(zhuǎn)到第5個(gè)標(biāo)簽頁；Ctrl+E 0跳轉(zhuǎn)到上一個(gè)標(biāo)簽頁等等。

Ctrl+E W會進(jìn)入導(dǎo)航模式，在該模式中，VNote的主要部件都會顯示兩個(gè)字母，按下對應(yīng)的字母，就能跳轉(zhuǎn)到該部件，比如打開某個(gè)文件、跳轉(zhuǎn)到某個(gè)文件夾等。

所以，是不是又少了一個(gè)回到閱讀模式的借口？

VNote將程序員世界中的標(biāo)簽頁和窗口分割這兩個(gè)特性帶到了筆記軟件中，從此可以舒服地對照著已有筆記進(jìn)行創(chuàng)作。所以，是不是又少了一個(gè)回到閱讀模式的借口？（僅為保持隊(duì)形）

VNote目前缺失的功能還很多，比如同步、導(dǎo)出、發(fā)布等。

總的來說，VNote的主要方向包括：

完善筆記管理功能；

完善筆記編輯功能；

支持云同步服務(wù)；

對接為知筆記、印象筆記等已有筆記服務(wù)，彌補(bǔ)移動(dòng)客戶端的缺憾；

完善對Markdown下游的支持，比如發(fā)布博客等；

在VNote開發(fā)的這段時(shí)間里，除了代碼之外，還有很多方面讓我感觸頗深的。

一個(gè)是VNote的用戶。當(dāng)聽到用戶說VNote很好用呀，當(dāng)一個(gè)用戶突然給我發(fā)一個(gè)小紅包，當(dāng)用戶在Github上提Issues呀，當(dāng)用戶在群里提意見呀等等等等，都讓我那顆小心臟撲通撲通地激動(dòng)一番。

還有一個(gè)是VNote的推廣。寫了幾篇文章分享了VNote和Markdown等相關(guān)的技巧，反饋還沒有一些營養(yǎng)過剩的標(biāo)題文、雞湯文好。還是挺打擊人的呢~:)

接下來，我會繼續(xù)VNote的開發(fā)，希望能折騰出一個(gè)自己滿意的工具吧。謝謝所有用戶的支持！當(dāng)然，也不能只顧著玩了，還是得再學(xué)習(xí)點(diǎn)其他的東西。

埋頭苦干了半年，用戶雖然不多，不過幸虧女朋友還沒有跑~~

最后，如果您認(rèn)同VNote的設(shè)計(jì)理念，請多多關(guān)注項(xiàng)目（Github項(xiàng)目主頁），謝謝！