Windows 上一款足夠媲美 MWeb 和 Ulysses 的 Markdown 編輯器，這款專為程序員設計的 Atom 編輯器。

Atom 是一款優秀的編輯器，編輯功能完善，更新快，主題豐富，全面支持 Github，對各種編程語言進行了優化。由于采用了模塊化的設計，可定制化程度非常高。它的可拓展性和豐富的插件是一大亮點，號稱「21 世紀的可編程編輯器」。

一次偶然的機會，我發現 Atom 的 Markdown 方面的插件已經非常成熟，安裝也相對簡單。再加上 Atom 本身的靈活性很強，非常適合定制出一款適合自己的 Markdown 編輯器。

論 Markdown 編輯器的基本素養

我認為一個優秀的 Markdown 編輯器應該具備的功能有以下這些：

• 足夠方便的編輯功能，有全面的快捷鍵
• 支持導出 HTML、PDF 格式的文件
• 方便快捷地插入圖片、鏈接等
• 支持 LaTeX 公式、表格

還有一些加分項：

• 美觀的高亮著色
• 能夠接入各種云服務
• 可以自定義 CSS 樣式
• 美觀的界面、豐富的主題、自定義字體

通過 Atom 改造的 Markdown 編輯器，已經滿足了大部分條件。

那就讓我們開始改造吧。

第一步：下載并安裝 Atom

我們需要在 Atom 的官網 下載 Atom（支持 Windows、macOS、Linux、FreeBSD 系統），并完成安裝。

第二步：安裝中文補丁

中文環境有助于我們更快地適應 Atom 編輯器。這一步不是必需的，如果你更喜歡英文環境就跳過這一步吧。

在 File 中找到 Settings，進入設置頁面。

點最下面的 Install，搜索 Chinese，找到「simplified-chinese-menu」，然后點擊 Install 即可。

• 如果你的網絡環境較差，可以在該插件的 Github 頁面 下載中文補丁。

第三步：下載并安裝 Markdown 增強插件

經過比較，我選擇了這款 Markdown-preview-enhanced 插件，它提供了 Markdown 相關的大部分功能，覆蓋非常全面。

安裝方式與中文補丁類似。在插件安裝界面搜索「markdown-preview-enhanced」，點擊安裝即可。

• 如果你的網絡環境較差，可以在該插件的 Github 頁面 下載 Markdown-preview-enhanceed。

做到這一步，你就可以使用經過 Markdown 加持的 Atom 編輯器了。

學習使用全新的編輯器 Atom

Atom 本身就是一個優秀的編輯器，不僅對各種語言支持良好，自帶了自定義字體、自定義快捷鍵等功能，同時還有大量主題、大量插件可以使用，對 Github 的支持更是遠超其他的編輯器。

而且 Atom 自帶了完善的 Markdown 語法支持，在 Markdown-preview-enhanceed 這款插件的加持下，更是如虎添翼。既然是第一次使用，還是需要簡單學習并了解一下這個編輯器的。

基礎性功能的改進

這款插件在編輯方面的改進：

• 自動高亮 Markdown 語法
• 支持預覽滑動同步
• 支持 LaTeX
• 可以利用代碼渲染 TikZ、Chemfig 等圖形

這是 Markdown 編輯器在編輯方面的基礎性功能，最大的亮點是通過代碼生成流程圖、時序圖等。

我利用簡單的幾行代碼，就生成了一個流程圖。

對導入導出功能的改進

在導入導出方面的改進：

• 支持導入外部文件
• 支持導出 PNG、JPEG 格式的文件（需要額外安裝 phantomjs）
• 支持導出 HTML 文件（移動端支持）

在導入圖片的時候，按下 Ctrl + Shift + I，會出現圖片導入助手。支持鏈接、拖拽導入、上傳圖片到圖床等功能。

你也可以直接把圖片拖拽進 Atom ，它會自動上傳到圖床，圖床限定為 imgur.com 和 sm.ms 這兩個。經過測試，imgur.com 短時間內可以上傳 25 張左右的圖片（也可能是流量限制），墻內用戶建議使用 sm.ms，不限量免費上傳圖片，足夠日常使用。但如果文章訪問量較大，還是建議使用自己的 CDN。

Markdown 中導入圖片原本的語法是 。

在這個插件中不僅可以用這個語法，還增加了 @import "圖片.png" 語法。@import "表格.csv"導入表格文件將會被轉換成 Markdown 表格。@import 還支持其他的一些格式，比如 PDF 和 HTML，這些就需要自己摸索了。

再加上 Atom 自帶的「項目文件夾」功能，可以對應本地文件夾實現分類樹管理文檔，與 MWeb 的文檔庫模式相差無幾。

更多的高級功能

除了這些上面介紹的常用功能，Markdown-preview-enhanced 插件還提供了一些更高級的功能：

• 支持編譯到 GitHub Flavored Markdown
• 可以自定義預覽 CSS（讓你導出的 HTML 更美觀）
• 支持導出 ePub、Mobi、PDF 的電子書文件
• 支持 TOC 生成
• 可以通過代碼繪制流程圖、時序圖以及各種其他種類的圖形

如果上面這些高級功能暫時還用不到，那么試試看這個實用的。

你只需要在文章的最上方，加上這樣幾行代碼——

---
export_on_save:
 html: true
---

Atom 就會在你保存 md 文件的同時，自動生成一個 HTML 文件。

• 如果你想了解關于這個插件的具體教程和更多信息，可以在 插件介紹頁面 查看。

手動安裝 Atom 插件的簡單方法

但是由于眾所周知的原因，Atom 中的插件安裝功能在某些時候無法下載或者速度非常慢，你可能需要科學上網，或者學會手動安裝 Atom 的插件。

我們以這款 Markdown-preview-enhanced 插件為例。

下載插件

打開 插件的 Github 頁面 ，在 Github 上下載插件的方法是點擊右上角的「Clone or download」然后點擊「Download ZIP」。

下載完畢后，將 zip 壓縮包解壓。

安裝插件

把解壓后的文件夾，整個復制到目錄 「C:\Users\你的電腦用戶名\.atom\packages\」下

（你可以在 Atom 的 File → Settings → install 中看到這個目錄的具體位置）

復制到這個目錄中之后，按下「Windows 鍵 + R」，輸入 cmd，打開本地命令窗口。

輸入 apm install markdown-preview-enhanced。（如果安裝其他插件就換成其他名字。）

稍等一會兒后，會出現 Installing markdown-preview-enhanced to ... done

圖為安裝 Activate-power-mode 插件

重新打開 Atom，至此插件手動安裝完成。

更多的 Markdown 相關個性化插件

如果你覺得 Markdown-preview-enhanced 的許多功能用不到，有些累贅，你可以借助以下這些插件，單獨定制出一個屬于你的編輯器。

• Markdown-preview-plus 實時預覽增強插件
• Markdown-scroll-sync 同步滾動插件
• Language-markdown Markdown 語法增強插件
• Markdown-writer 更方便地管理圖片、鏈接等
• Markdown-table-editor 表格編輯插件
• Markdown-themeable-pdf PDF導出插件
• Markdown-img-paste 圖片粘貼插件

其實在 Atom 上還有許多優秀的個性化插件，也不乏 Activate-power-mode 這種非常有個性的插件。如果你熟悉 Github，你還可以將 Github 作為云存儲的方案。

以上這些改進滿足了我對 Markdown 編輯器的絕大部分要求。到這里，一個由 Atom 改造的 Markdown 編輯器就已經完成了。

Enjoy it !

介紹

marktext是基于Vue和electron構建的下一代 Markdown 編輯器，一個用于 OS X、Windows 和 Linux 平臺的 Electron寫作神器，不同于其他Markdown編輯器左邊寫作右邊預覽的寫作方式，優雅的將編輯和預覽融為一體，真正的所見即所得！

相關網址

Github：https://github.com/marktext/marktext

官網：https://marktext.app/

相關特性

• 實時預覽（WYSIWYG）和簡潔的界面，讓你感受無干擾的寫作體驗。
• 支持CommonMark Spec和GitHub Flavored Markdown Spec。
• Markdown擴展，例如數學表達式（KaTeX），前端內容和表情符號。
• 支持段落和內聯樣式以及快捷鍵，大大提高你的寫作效率。
• 保存為HTML和PDF文件。
• 各種主題：Cadmium Light, Material Dark等等
• 各種編輯模式：源代碼模式，打字機模式，專注模式。

主題預覽

• 明亮系主題

Cadmium Light：

Graphite Light：

Ulysses Light：

• 黑暗系主題

Dark：

Materal Dark：

One Dark：

編輯模式

• 源代碼模式

• 打字機模式

• 專注模式

斗圖功能

通過快捷鍵Ctrl+/打開斗圖搜索界面

如果不能使用此功能，請按照如下圖所示設置，將aidou設置成true

常用的功能

• 支持GFM表格，可以刪除/添加行和列

• 支持流程圖，序列圖，甘特圖，Vega圖表

• 支持CommonMark和GitHub Flavored Markdown Spec

• Markdown擴展數學表達式（KaTeX）

• 支持GFM代碼

快捷鍵

內置了很多快捷鍵

在編輯頁通過@符號調出各種寫作功能

源代碼構建

如果無法滿足你所使用的平臺，你可以自己構建應用（我在Windows 10 1903版本進行測試）

先決條件：

在開始開發之前，需要配置好構建環境：

• Node.js >=v8.12.0，npm和yarn
• v2.7.x用于node-gyp的Python
• C ++編譯器和開發工具

Linux上的其他開發依賴項：

• libx11（dev）
• libxkbfile（dev）
• libsecret（dev）

在基于Debian的Linux上：

sudo apt-get install libx11-dev libxkbfile-dev libsecret-1-dev

在基于Red Hat的Linux上：

sudo dnf install libx11-devel libxkbfile-devel libsecret-devel

• 首先 clone 倉庫到本地

git clone https://github.com/marktext/marktext.git

• yarn install or yarn install --frozen-lockfile，npm測試時報錯

在測試運行后發現出了個小問題

解決辦法如下：

1、安裝Python2.7

2、執行命令npm config set python C:\python27

3、npm install --global --production windows-build-tools（管理員身份）

• 運行 npm run build(yarn run build)

• 復制 app 到 Applications 文件夾，如果是 Windows 系統直接點擊相應軟件安裝。

總結

marktext是一個優雅的MarkDown編輯器，配合我之前的文章DOCSITE可以作為自己書寫文檔的編輯器，簡單而優雅，是一款不可多得的寫作利器，希望對你有所幫助！如果你有更好的推薦，歡迎到評論區留言分享！