備戰美賽期間，向岳神學習，搞了Atom玩協作開發，第一次沒有自動補全的手擼了遺傳算法。今天發現Atom還有寫Markdown的妙用，遂拿來練手。

1. 安裝Atom

下載安裝Atom：https://atom.io/

?

2. 增強預覽(markdown-preview-plus)

Atom自帶的Markdown預覽插件markdown-preview功能比較簡單，markdown-preview-plus對其做了功能擴展和增強。

支持預覽實時渲染。(Ctrl + Shift + M)

支持Latex公式。(Ctrl + Shift + X)

使用該插件前，需要先禁用markdown-preview。

查看實時渲染和公式編輯功能。

3. 同步滾動(markdown-scroll-sync)

同步滾動是Markdown編輯器的必備功能，方便翻閱文檔修改時能快速定位到預覽的位置。

markdown-scroll-sync不僅支持同步滾動，在光標位置發生變更時也會同步滾動，這個功能在很多Markdown編輯器中不具備。

4. 代碼增強(language-markdown)

一般的Markdown編輯器提供了代碼著色等基本功能，language-markdown除了能給代碼著色，還提供了快捷的代碼片段生成等功能。

5. 圖片粘貼(markdown-image-paste)

圖片功能支持的好壞直接決定了我是否選擇使用一個Markdown編輯器。也有不少編輯器和在線的圖床綁定，但是這種方式受限于網絡。雖然Markdown支持插入本地圖片，但是每次插入新圖片都是一堆重復操作：截圖－命名－保存－插入。markdown-image-paste將這些操作一步完成：

使用截圖工具將圖片復制到系統剪切板。

在Markdown新起一行輸入文件名。

Ctrl + V 會自動把圖片保存到Markdown文件相同目錄下(因此要求Markdown文件應該先保存)，并命名為剛輸入的文件名，同時在剛才輸入文件名行處生成img標簽。

當然，如果想插入gif動圖就不能這么簡單了，還是老老實實地下載這個工具手工插入吧。

LICEcap:?http://www.cockos.com/licecap/

6. 表格編輯(markdown-table-editor)

一直對Markdown的table語法很無愛，直到遇到了markdown-table-editor，這操作效率簡直炸了！文字已經不能表達我的激動之情了，直接看圖吧。

7. pdf導出(markdown-themeable-pdf、pdf-view)

不少Markdown編輯器都會提供pdf導出功能，甚至將其作為收費功能。而Atom的markdown-themeable-pdf、pdf-view插件可以輕松實現pdf導出和預覽功能。

安裝markdown-themeable-pdf時遇到了一些坑，在此分享一下：

由于GFW的問題，導致該插件使用的phantomjs模塊無法安裝成功，從而導出pdf報告錯誤。

解決辦法是：

從官網下載phantomjs二進制安裝包：http://phantomjs.org/download.html

解壓下載的phantomjs-2.1.1-macosx.zip壓縮文件。

添加index.js文件到解壓后的目錄。

將整個目錄的內容拷貝到：~/.atom/packages/markdown-themeable-pdf/node_modules/phantomjs-prebuilt，注意目錄phantomjs-2.1.1-macosx被重命名為phantomjs-prebuilt

重啟Atom，右鍵->Markdown to PDF即可，生成的pdf文件在Markdown文件同目錄。

其中index.js文件內容為：

module.exports = { path : __dirname + '/bin/phantomjs' }

8. 總結

以上介紹的Atom的Markdown插件，基本上滿足了我對一個Markdown編輯器的所有幻想，實時渲染、同步滾動，公式、代碼、圖片、表格的快捷操作與支持，以及pdf文件導出、預覽等。希望此文對你有所幫助。

Reference：http://www.cnblogs.com/fanzhidongyzby/p/6637084.html

轉載于:https://www.cnblogs.com/wind-chaser/p/10910759.html

總結

以上是生活随笔為你收集整理的Atom-无懈可击的Markdown编辑器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。