前言

早些時(shí)候?qū)懠夹g(shù)文檔，接觸到了markdown語(yǔ)法 語(yǔ)法介紹。
在對(duì)其深入了解之后，深覺(jué)這是個(gè)不可多得的好物，遂想找一順手的編輯器用作平時(shí)擼文章，網(wǎng)絡(luò)搜尋出來(lái)許多編輯器，看的我是眼花繚亂，如果你也是和我一樣的選擇困難癥患者，希望這篇文章能夠幫到你。
越是喜歡，越是苛刻，這就是人性。

題主硬件配置

• window7 64
  • chrome 64.0.3282.167
• iphone6 10.3.3

---

• web版
  • 掘金 juejin.im/timeline
  • 簡(jiǎn)書(shū) www.jianshu.com/
  • SegmentFault segmentfault.com/
  • CmdMarkdown www.zybuluo.com/
  • 馬克飛象 maxiang.io/
  • 小書(shū)匠 markdown.xiaoshujiang.com/

需求

需求決定產(chǎn)品。什么功能對(duì)于我來(lái)說(shuō)是必須的，什么功能是加分項(xiàng)，列出我的需求，根據(jù)需求去找對(duì)應(yīng)產(chǎn)品。

必需

• 支持快捷鍵
  • 雖說(shuō)markdown語(yǔ)法的出現(xiàn)是為了更快的實(shí)現(xiàn)多終端呈現(xiàn)內(nèi)容，但是如果能夠更快，何樂(lè)而不為呢。
• 語(yǔ)法大眾
  • 特立獨(dú)行是大忌，現(xiàn)在發(fā)布文章往往不會(huì)只在一個(gè)平臺(tái)發(fā)布，如果每個(gè)平臺(tái)都有自己的語(yǔ)法，那無(wú)疑會(huì)增加作者編輯文字的繁瑣度，并且這也和markdown的理念相反。
• 響應(yīng)速度快
  • 如果打開(kāi)一個(gè)編輯器要一分鐘（首屏渲染時(shí)間超過(guò)10秒，大部分用戶就會(huì)流失），編輯器滾動(dòng)異常緩慢，并且編譯markdown語(yǔ)法的時(shí)候得等老半天，任誰(shuí)都會(huì)抓狂的吧？

加分項(xiàng)

• 隨時(shí)隨地
  • 早上是人的大腦最清醒的時(shí)候，但是總是在通勤路上浪費(fèi)了時(shí)間，雖然我會(huì)選擇在通勤路上翻閱技術(shù)文章，了解更多的咨詢，但是往往就是在身邊沒(méi)有電腦的時(shí)候，好點(diǎn)子會(huì)鉆進(jìn)我腦袋，想著到公司了馬上記下來(lái)，然而事實(shí)往往是到了公司就忘了（攤手）。
• 多終端編輯
  • 如果我在web端編輯好了文章，準(zhǔn)備發(fā)布了，但是卻不清楚在app端會(huì)如何顯示，這個(gè)時(shí)候如果可以在app上面直接預(yù)覽到文章發(fā)布后的樣式排版，我就可以及時(shí)進(jìn)行調(diào)整。
• 界面美觀
  • 身為程序員，對(duì)深色的背景更有感覺(jué)(科學(xué)研究表明，長(zhǎng)時(shí)間面對(duì)深色對(duì)眼睛傷害比較大)。
  • 界面簡(jiǎn)潔，功能分類清楚易懂，在該有的地方給予用戶該有的提示，用戶體驗(yàn)+10分。
• 可以發(fā)布到印象筆記
  • 最近由OneNote轉(zhuǎn)戰(zhàn)印象筆記，有購(gòu)買高級(jí)版的沖動(dòng)，但是發(fā)覺(jué)除了可以多終端登錄之外，高級(jí)版和免費(fèi)版對(duì)于我沒(méi)有太大的區(qū)別，所以一直忍著沒(méi)有剁手。
• 能夠?qū)С鰉d/html/pdf文件
  • 這真的是一個(gè)非常完美的加分項(xiàng)，我有個(gè)習(xí)慣，會(huì)保存源文件，以免以后丟失（如果云都丟失了，我想我本地緩存也沒(méi)得幸免了）。
• 免費(fèi)！！！
  • 憑借這點(diǎn)我想應(yīng)該可以馬上決定使用哪個(gè)編輯器了吧？（笑）

分析

web版

簡(jiǎn)書(shū)

第一個(gè)使用的就是簡(jiǎn)書(shū)，不得不說(shuō)在我周圍，簡(jiǎn)書(shū)的知名度是最高的。另外，多終端編輯也吸引了我，完全可以把他當(dāng)成一個(gè)云記事本，記錄一些一閃而過(guò)的念頭實(shí)在是很棒。

優(yōu)點(diǎn)

• 界面美觀
  • 界面配色簡(jiǎn)單舒適，適合長(zhǎng)時(shí)間的輸入文字。而且可以切換主題，以適應(yīng)周圍環(huán)境。
• 分類清晰
  • 在編輯的主頁(yè)面我可以隨時(shí)切換我想要編輯的文集，不用再去草稿箱中找我的文章。
• 手機(jī)端編輯
  • 對(duì)于還未發(fā)布的文章，想要看看在手機(jī)端的排版如何，打開(kāi)手機(jī)app就能夠看到。
• 歷史版本控制
  • 怎么辦，還是覺(jué)得第一版最好！這個(gè)時(shí)候，歷史記錄就派上用場(chǎng)了，更厲害的是，還可以篩選歷史記錄的類型，比如是從什么終端修改的版本。
• 文章刪除保護(hù)
  • 對(duì)于不小心誤刪的文件，我可以在垃圾箱中找到，并且，如果想要強(qiáng)行刪除，還必須要驗(yàn)證手機(jī)驗(yàn)證碼，這可以說(shuō)是非常保護(hù)作者的文章了。
• 復(fù)制剪切板圖片
  • 這真的是一個(gè)非常棒的體驗(yàn)，我只需要截圖，ctrl+c 就能把圖片放入文章中。

缺點(diǎn)

• 沒(méi)有快捷鍵
  • 對(duì)于習(xí)慣使用快捷鍵來(lái)輸入的人來(lái)說(shuō)，實(shí)在是一個(gè)很不舒服的體驗(yàn)，比如 **著重符號(hào)** 沒(méi)有快捷鍵的話，輸入就顯的很麻煩。
• 沒(méi)有目錄結(jié)構(gòu)表
  • 對(duì)于技術(shù)文檔來(lái)說(shuō)，如果我可以在右邊看到作者的標(biāo)題列表，我就可以針對(duì)我所想要的方面進(jìn)行學(xué)習(xí)，就好像一本書(shū)，我可以在首頁(yè)看到目錄結(jié)構(gòu)以及相對(duì)應(yīng)的頁(yè)碼，方便我查閱相關(guān)內(nèi)容。

掘金

像是一匹千里馬，雖然我不是伯樂(lè)。
本人不算是老用戶，滿打滿算只能說(shuō)有過(guò)一年的接觸時(shí)間，別人有的大功能他基本都有，而且還有許許多多別人想不到的小功能，當(dāng)突然發(fā)現(xiàn)的時(shí)候，會(huì)讓人眼前一亮。就是有一種“沒(méi)有對(duì)比的話感覺(jué)不到，就是感覺(jué)使用起來(lái)很舒服。但如果一拿出來(lái)對(duì)比就會(huì)發(fā)現(xiàn)，我去，這個(gè)真棒”的感覺(jué)。

優(yōu)點(diǎn)

• 多光標(biāo)編輯
  • 讓人比較意外的功能，同時(shí)也是我很喜歡的功能，按住 ctrl 然后鼠標(biāo)點(diǎn)擊位置就能開(kāi)始多點(diǎn)編輯了。
• 編輯區(qū)語(yǔ)法高亮
  • 又是一個(gè)讓人眼前一亮的功能，看著很清晰舒適。
• 編輯區(qū)內(nèi) ctrl+f 定制搜索框
  • 這個(gè)是不小心發(fā)現(xiàn)的，阿西吧，就是對(duì)這種偷偷摸摸做著用戶體驗(yàn)up的事情很喜歡啊。
    應(yīng)用場(chǎng)景是長(zhǎng)文章查找，有這個(gè)功能可以很方便的排除右側(cè)預(yù)覽的文章干擾。
• ** ctrl+d 可以刪除一行**
  • 又是一個(gè)要挖掘才能發(fā)現(xiàn)的小點(diǎn)。
• 會(huì)自動(dòng)補(bǔ)充 -
  • 如果已經(jīng)在一行使用了 - ，這個(gè)時(shí)候按回車鍵就會(huì)發(fā)現(xiàn)下一行開(kāi)頭自動(dòng)補(bǔ)充了一個(gè) - 。
• 可以 ctrl+/ 注釋
  • 迷之操作之后發(fā)現(xiàn)的又一個(gè)小功能，這可以注釋一行或者多行你已經(jīng)寫(xiě)的文章，不會(huì)消失，但是還能在文章中搜索到。

缺點(diǎn)

• 剪切板圖片無(wú)法直接黏貼導(dǎo)入
  • 現(xiàn)在大部分的markdown編輯器都已經(jīng)有了這個(gè)功能，實(shí)現(xiàn)起來(lái)也沒(méi)有什么難點(diǎn)。
  • 發(fā)現(xiàn)一個(gè)比較神奇的事情，我在簡(jiǎn)書(shū)上傳了圖片，獲取到簡(jiǎn)書(shū)的云地址之后復(fù)制到掘金，會(huì)自動(dòng)轉(zhuǎn)換成掘金的云地址，這一手，妙啊。
• 同步滾動(dòng)還有待加強(qiáng)
  • 若文章有圖片引入，左側(cè)的編輯區(qū)和右側(cè)同步滾動(dòng)會(huì)有不小的差距，甚至?xí)?dǎo)致不能實(shí)時(shí)看到右側(cè)預(yù)覽區(qū)的變化。
    其實(shí)兩側(cè)分開(kāi)滾動(dòng)也是不錯(cuò)的選擇。
• ctrl+s 也是一個(gè)令人困擾的存在
  • 我習(xí)慣鍵入一些文字之后按 ctrl+s 保存一下，但是掘金對(duì)于這個(gè)快捷鍵沒(méi)有做處理，所以總是跳出保存網(wǎng)頁(yè)的提示。
• 目錄列表不能滾動(dòng)
  • 太長(zhǎng)的目錄展開(kāi)不能夠滾動(dòng)目錄列表，也算是一個(gè)小小的體驗(yàn)不舒服的地方吧。
• 不能切換主題
  • 晚上的時(shí)候碼字，太亮的背景看一會(huì)就感覺(jué)眼睛不太舒服了，黑色的背景相對(duì)來(lái)說(shuō)就會(huì)好很多。
• 許多好使的功能無(wú)從得知
  • 雖然說(shuō)掘金有許多令人眼前一亮的小功能，但是如果能夠有整理出來(lái)教給用戶，想必是極好的。
    不過(guò)也有可能是我沒(méi)有找到，說(shuō)不定在哪個(gè)角落官方已經(jīng)偷偷摸摸整理了一套出來(lái)。

segmentfault

說(shuō)實(shí)話，在一些文章中看到國(guó)內(nèi)外技術(shù)論壇推薦，這也是上了排行榜的，但是，就我的體驗(yàn)來(lái)說(shuō)，實(shí)在是很不舒服，希望這個(gè)和 stackOverflow 共論的論壇能夠在細(xì)節(jié)上優(yōu)化的更好一些。當(dāng)然，公司對(duì)自己的產(chǎn)品定位會(huì)影響各方面，這個(gè)我在總結(jié)的時(shí)候也有一些自己的看法。

優(yōu)點(diǎn)

• 標(biāo)簽分類
  • 進(jìn)入編輯頁(yè)面之后，頂部的標(biāo)簽分類可以很方便的定義自己的文章類別，對(duì)于其他想要查找相關(guān)內(nèi)容的人來(lái)說(shuō)更加方便了。
• 目錄列表處理比較好
  • 一個(gè)排版正確的文章在發(fā)布之后，可以在右側(cè)看到目錄條例。并且目錄展示空間比較大，長(zhǎng)文章會(huì)有一個(gè)比較舒適的體驗(yàn)。

缺點(diǎn)

• 體驗(yàn)不是很棒 各方面來(lái)說(shuō)
  • 這個(gè)是我想要測(cè)試一下圖片上傳的時(shí)候出現(xiàn)的問(wèn)題
• 復(fù)制過(guò)去的內(nèi)容不能撤銷
  • 發(fā)現(xiàn)如果使用 ctrl+v 復(fù)制過(guò)去的內(nèi)容錯(cuò)了，想按 ctrl+z 撤銷，卻發(fā)現(xiàn)不行，比較迷的一個(gè)操作。
• bug
  • SegmentFault語(yǔ)法說(shuō)明 底部的測(cè)試輸入框 點(diǎn)擊了 編輯模式/預(yù)覽模式 某一模式之后，無(wú)法回到實(shí)況模式了。
  • 另外，SegmentFault面對(duì)某一種情況會(huì)彈窗（現(xiàn)在發(fā)現(xiàn)是一天的首次登錄），就是推薦關(guān)注列表，第一步關(guān)注標(biāo)簽，第二步關(guān)注人，第一步我關(guān)注了一些我感興趣的標(biāo)簽，第二步，這么多人，我想看看他們的空間，點(diǎn)擊，直接整個(gè)頁(yè)面跳轉(zhuǎn)。what ？？？然后又是一個(gè)彈窗，從第一步開(kāi)始關(guān)注（現(xiàn)在多次彈窗已經(jīng)修復(fù)了，但是我敢肯定這個(gè)問(wèn)題曾經(jīng)存在過(guò)）

CmdMarkdown

是一款即使只有免費(fèi)的那些功能也很棒的編輯器。

優(yōu)點(diǎn)

• 體驗(yàn)很棒
  • 體驗(yàn)很棒，不管是快捷鍵還是界面。
• 方便快捷發(fā)布文章
  • 編輯好文章之后可以直接發(fā)布到互聯(lián)網(wǎng)中，一個(gè)鏈接地址即可訪問(wèn)。
• 支持多平臺(tái)
  • Linux/Mac/Windows/Web 多平臺(tái)都能編輯，我下載了一個(gè) windows 版本的，猜測(cè)應(yīng)該是內(nèi)嵌了一個(gè)瀏覽器的應(yīng)用程序，并且還可以離線使用，好感度up。
• 社交化操作
  • 可以邀請(qǐng)同事、朋友來(lái)寫(xiě)批注，這個(gè)是比較少見(jiàn)的功能。
• 同步滾動(dòng)優(yōu)化好
  • 不管我的文章中是否有圖片插入，我在左側(cè)編寫(xiě)時(shí)候，右側(cè)的預(yù)覽區(qū)都能和其在同一平面。

缺點(diǎn)

• 上傳本地圖片需要會(huì)員
  • 想想也沒(méi)錯(cuò)，圖片上傳是需要云空間的，而其作為一款免費(fèi)的web編輯器已經(jīng)很優(yōu)秀了，畢竟云空間也是要錢(qián)的，并非免費(fèi)使用。
• 文章歸類不是很好操作
  • 一個(gè)人如果在此平臺(tái)發(fā)布了多篇文章，如何更好的管理成了我比較擔(dān)心的一個(gè)問(wèn)題。

馬克飛象

主打的功能應(yīng)該是能和印象筆記聯(lián)動(dòng)，剛注冊(cè)的時(shí)候有一些時(shí)間的體驗(yàn)，之后就需要收費(fèi)，但如果不付費(fèi)的話也是可以使用的，畢竟就編輯器而言的話他也很棒了。

優(yōu)點(diǎn)

• 和印象筆記聯(lián)動(dòng)
  • 印象筆記的重度愛(ài)好者看過(guò)來(lái)，人家的介紹就是專為印象筆記打造的markdown編輯器，作為重度愛(ài)好者，并且想使用markdown語(yǔ)法的人來(lái)說(shuō)，這無(wú)疑是最好的選擇，他可以隨時(shí)把內(nèi)容同步到印象筆記中，保證資料不會(huì)丟失。

缺點(diǎn)

• 兩次收費(fèi)
  • 首先，如果要導(dǎo)出到印象筆記，往往有時(shí)候一個(gè)文檔就是好幾mb，這個(gè)對(duì)于印象筆記免費(fèi)用戶來(lái)說(shuō)就有些沉重了，既然這樣就要付費(fèi)成為印象筆記的會(huì)員，然后，馬克飛象也是需要收費(fèi)的，首年79加上印象筆記的收費(fèi)，雖然不算多，但是非印象重度用戶來(lái)說(shuō)，其實(shí)沒(méi)有必要使用會(huì)員。

小書(shū)匠

功能多而大，界面美而卡，公司的寬帶平時(shí)下行速度有 10mb/s ，但是如果要打開(kāi)他的話，我也要等上十秒左右。進(jìn)去之后功能十分豐富，甚至有很多語(yǔ)法是第一次看見(jiàn)的，我覺(jué)得，它的定位不只是一個(gè)簡(jiǎn)單的編輯器，而寫(xiě)成之后的原文，選擇生成一個(gè) pdf 更加合適，因?yàn)樵S多的語(yǔ)法在其他平臺(tái)都是不支持的。

優(yōu)點(diǎn)

• 功能多
  • 最大的優(yōu)點(diǎn)就是功能多，我能想到的幾乎他都能完成。甚至我沒(méi)有想到的他也能。

缺點(diǎn)

• 功能多
  • 最大的缺點(diǎn)也是功能多，以至于對(duì)于一個(gè)還沒(méi)有使用過(guò)他的人來(lái)說(shuō)（比如第一次使用的我）從哪里下手是一個(gè)很大的問(wèn)題。現(xiàn)在最新版做了引導(dǎo)圖，但是對(duì)于這么大的編輯器來(lái)說(shuō)，引導(dǎo)圖太少又顯的不夠，太多了又顯的麻煩，實(shí)在是很棘手呀。
• 預(yù)覽模式滾動(dòng)延遲
  • 原因不明，但是就體驗(yàn)來(lái)說(shuō)有些卡頓，但是如果我做的編輯器，需要集成這么多的功能的話，我會(huì)設(shè)置一個(gè)加載開(kāi)關(guān)，按需加載，對(duì)于不需要的功能不去嘗試加載。
• 支持的格式很多，不適合一篇文章多處發(fā)表
  • 他支持的擴(kuò)展語(yǔ)法有很多，什么時(shí)序圖、流程圖、甘特圖，我現(xiàn)在暫時(shí)使用思維導(dǎo)圖就可以完成這些，如果說(shuō)我的文章中有使用這些語(yǔ)法，那我在其他平臺(tái)發(fā)布的時(shí)候，不得不把這些語(yǔ)法找出來(lái)，然后用圖片替換掉，因?yàn)檫@些語(yǔ)法其他平臺(tái)并不支持。

---

exe版

相對(duì)于web版來(lái)說(shuō)，exe版本第一是攜帶不方便，是的我如果換了電腦那就要重新下載一個(gè)。
快捷鍵，因?yàn)槠綍r(shí)用sublime和vscode，用這兩個(gè)軟件的話首先需要下載一些插件，然后因?yàn)槠滠浖旧砭褪怯性S多快捷鍵，所以相同的快捷鍵有不同的含義。
預(yù)覽功能，這個(gè)功能也是需要插件才可以實(shí)現(xiàn)，就寫(xiě)文章而言，其實(shí)沒(méi)必要去折騰那些插件，就好像當(dāng)我想要使用錘子的時(shí)候，我要從提煉金屬開(kāi)始學(xué)習(xí)。
云同步，這個(gè)挺方便的，可以用github當(dāng)做自己的資源庫(kù)，不過(guò)這也是有一些學(xué)習(xí)成本的，遠(yuǎn)不如web版開(kāi)箱即用的方便。

總結(jié)

一個(gè)產(chǎn)品最終的效果，取決于一開(kāi)始他的定位，他想要為用戶解決什么問(wèn)題。
上面我列舉的種種，除了一部分問(wèn)題我認(rèn)為是沒(méi)有考慮仔細(xì)才導(dǎo)致的，大部分其實(shí)都是和產(chǎn)品定位有關(guān)。

簡(jiǎn)書(shū)，打開(kāi)簡(jiǎn)書(shū)的首頁(yè)就能發(fā)現(xiàn)，這個(gè)平臺(tái)更加偏向于非技術(shù)性文章的分享，所以快捷鍵功能或許的確不是很實(shí)用，相比較而言，富文本編輯器是個(gè)更好的選擇。

掘金和segmentfalut，乍一看兩個(gè)產(chǎn)品有些相似，但我認(rèn)為，掘金更類似于一個(gè)文章分享發(fā)布的平臺(tái)，而segmentfault是偏向于替你解決問(wèn)題的平臺(tái)，和stackoverflow類似，所以在編輯器上的一些差異就有解釋了。當(dāng)然，兩個(gè)平臺(tái)都是很棒的平臺(tái)，我都能在上面找到自己想要的東西，正是因?yàn)橄矚g，所以才希望能夠做的更好。

cmdmarkdown和小書(shū)匠，可以作為一個(gè)純粹的編輯器來(lái)使用，前者輕而美，后者強(qiáng)而大，我們完全可以根據(jù)自己的需求來(lái)選擇自己所需要的平臺(tái)。

另外，額外推薦一個(gè)ios應(yīng)用 MarkLite ，對(duì)于想要使用markdown記錄生活中的小細(xì)節(jié)的人來(lái)說(shuō)，他輕量 免費(fèi) 便捷，而且還可以導(dǎo)出 web/pdf/markdown 文件到微信等不同的地方，非常的方便。

對(duì)于一些功能太多的編輯器，苦于沒(méi)有足夠的時(shí)間去使用體驗(yàn)，在碼下這些字的同時(shí)，肯定有許多沒(méi)有考慮的完全的地方。

希望我的整理對(duì)您有幫助 謝謝.

如果文章中有錯(cuò)誤和不足歡迎批評(píng)指正
如需轉(zhuǎn)載請(qǐng)注明出處 : )

另附一些可以實(shí)現(xiàn)特殊功能（流程圖 序列圖等）的插件地址以及語(yǔ)法參考

TODO
流程圖
序列圖
Mermaid 流程圖語(yǔ)法參考
Mermaid 序列圖語(yǔ)法參考

轉(zhuǎn)載于:https://juejin.im/post/5a7c233af265da4e7b4499b9

總結(jié)

以上是生活随笔為你收集整理的百花齐放markdown的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。