工具類Atom中的markdown插件

一直以來都奢想擁有一款全能好用的Markdown編輯器,直到遇到了Atom。廢話不多說,直接開搞!

1. 安裝Atom

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

2. 增強(qiáng)預(yù)覽(markdown-preview-plus)

Atom自帶的Markdown預(yù)覽插件markdown-preview功能比較簡單,markdown-preview-plus對(duì)其做了功能擴(kuò)展和增強(qiáng)。

支持預(yù)覽實(shí)時(shí)渲染。(Ctrl + Shift + M)

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

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

查看實(shí)時(shí)渲染和公式編輯功能。

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

同步滾動(dòng)是Markdown編輯器的必備功能,方便翻閱文檔修改時(shí)能快速定位到預(yù)覽的位置。

markdown-scroll-sync不僅支持同步滾動(dòng),在光標(biāo)位置發(fā)生變更時(shí)也會(huì)同步滾動(dòng),這個(gè)功能在很多Markdown編輯器中不具備。

4. 代碼增強(qiáng)(language-markdown)

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

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

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

使用截圖工具將圖片復(fù)制到系統(tǒng)剪切板。

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

Ctrl + shift+V 會(huì)自動(dòng)把圖片保存到Markdown文件相同目錄下(因此要求Markdown文件應(yīng)該先保存),并命名為剛輸入的文件名,同時(shí)在剛才輸入文件名行處生成img標(biāo)簽。

當(dāng)然,如果想插入gif動(dòng)圖就不能這么簡單了,還是老老實(shí)實(shí)地下載這個(gè)工具手工插入吧。

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

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

一直對(duì)Markdown的table語法很無愛,直到遇到了markdown-table-editor,這操作效率簡直炸了!文字已經(jīng)不能表達(dá)我的激動(dòng)之情了,直接看圖吧。

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

不少M(fèi)arkdown編輯器都會(huì)提供pdf導(dǎo)出功能,甚至將其作為收費(fèi)功能。而Atom的markdown-themeable-pdf、pdf-view插件可以輕松實(shí)現(xiàn)pdf導(dǎo)出和預(yù)覽功能。

安裝markdown-themeable-pdf時(shí)遇到了一些坑,在此分享一下:

由于GFW的問題,導(dǎo)致該插件使用的phantomjs模塊無法安裝成功,從而導(dǎo)出pdf報(bào)告錯(cuò)誤。

解決辦法是:

從官網(wǎng)下載phantomjs二進(jìn)制安裝包:http://phantomjs.org/download.html

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

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

將整個(gè)目錄的內(nèi)容拷貝到:~/.atom/packages/markdown-themeable-pdf/node_modules/phantomjs-prebuilt,注意目錄phantomjs-2.1.1-macosx被重命名為phantomjs-prebuilt

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

其中index.js文件內(nèi)容為:

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

8. 總結(jié)

以上介紹的Atom的Markdown插件,基本上滿足了我對(duì)一個(gè)Markdown編輯器的所有幻想,實(shí)時(shí)渲染、同步滾動(dòng),公式、代碼、圖片、表格的快捷操作與支持,以及pdf文件導(dǎo)出、預(yù)覽等。希望此文對(duì)你有所幫助。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...
    陽明AI閱讀 16,186評(píng)論 3 119
  • 今夜我放好筆墨紙硯,重新回到從前,二十年前的我,每天看書練毛筆字,那一年我每日習(xí)字,房間里放了幾紙箱練過的字,從起...
    水墨煙嵐閱讀 358評(píng)論 0 1
  • 朋友談了一場(chǎng)異地戀,兩個(gè)人相處很融洽,雖然一年見面幾次,但是堅(jiān)持了很多年,周圍的朋友經(jīng)常吃一碗碗的狗糧。...
    芳芽閱讀 665評(píng)論 0 0

友情鏈接更多精彩內(nèi)容