使用Atom快速打造好用的Markdown編輯器

Atom當(dāng)前主流的跨平臺的三大編輯器(Atom,sublime,vscode)之一

今天嘗試了使用Atom來打造Markdown編輯器，快速上手且易用，墻裂推薦！

下面直接進(jìn)入正題，一步步介紹如何使用Atom快速打造好用的Markdown編輯器

下載并安裝Atom

首先下載并安裝Atom

下載鏈接

編輯一個(gè).md文件

運(yùn)行Atom

新建一個(gè)markdown文件

進(jìn)行一些簡單功能的編輯，例如輸入如下內(nèi)容：

# 這是一個(gè)測試## 普通文字 hello, markdown!## latex公式 \[ e ^ {i\pi} + 1 = 0 \]

再加入些功能，如插入代碼片，插入截圖、表格等，如下圖所示

安裝插件

通過簡單的編輯,從文本的高亮顯示可以看出，Atom支持markdown文件的編輯，但功能還不那么完善。

Atom中提供了大量的包/插件，來幫助你DIY一個(gè)滿足你高效工作的編輯器

下面介紹幾個(gè)常用的插件，足以滿足最基本的需求，不妨參考博客一起閱讀，此文中的動圖能夠方便理解。

- markdown-preview-plus(增強(qiáng)預(yù)覽) - markdown-scroll-sync(同步滾動) - language-markdown(代碼增強(qiáng)) - markdown-image-paste(圖片粘貼) - markdown-table-editor(表格編輯) - markdown-themeable-pdf 與 pdf-view(pdf導(dǎo)出)

我們先將上述的插件全部安裝一遍，方法很簡單：

點(diǎn)擊File->Settings->install

在右側(cè)文本框中依次輸入上述插件的名稱進(jìn)行搜索，然后安裝，如下圖所示：

注意，我在初次安裝時(shí)失敗了，你也可能遇到這個(gè)問題，錯(cuò)誤信息中包含timeout的字眼，需要通過科學(xué)上（翻）網(wǎng)（墻）進(jìn)行解決。

為了更好的了解每個(gè)插件的作用，熟練Atom的使用，建議和我一樣先將安裝的插件全部關(guān)閉，然后一個(gè)一個(gè)開啟，觀察其效果。

如下圖所示，依次點(diǎn)擊每個(gè)插件的Disable：

預(yù)覽功能

回到剛剛編輯的Markdown文件，按下如下快捷鍵：

ctrl + shift + m

可以看到，atom中出現(xiàn)了預(yù)覽功能。這是由Atom自帶的Markdown預(yù)覽插件markdown-preview完成的，其功能相比于我們剛剛安裝的markdown-preview-plus沒那么強(qiáng)大。

如下圖可以看到，自帶的預(yù)覽插件不支持latex公式編輯

現(xiàn)在我們重新回到設(shè)置中，首先在Packages中搜索找到markdown-preview將其禁用，然后找到剛剛安裝的markdown-preview-plus重新將其激活。

快捷鍵：

ctrl + shift + m

仍然用于關(guān)閉和開啟預(yù)覽窗口。此外，我們擁有了另一個(gè)快捷鍵用于支持latex公式：

ctrl + shift + x

執(zhí)行下面的步驟：

重新開啟預(yù)覽: 執(zhí)行兩次 ctrl + shift + m

在預(yù)覽框中點(diǎn)擊鼠標(biāo)以獲得焦點(diǎn)，然后執(zhí)行ctrl + shift + x 開啟latex支持

然后可以觀察到，atom已經(jīng)支持公式編輯：

同步滾動

激活 markdown-scroll-sync 插件，可以看到Atom已支持同步滾動功能。

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

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

代碼增強(qiáng)

激活 language-markdown 插件。

一般的Markdown編輯器提供了代碼著色等基本功能，language-markdown除了能給代碼著色，還提供了快捷的代碼片段生成等功能。關(guān)于快捷的代碼生成功能我還沒有仔細(xì)研究，感興趣可以研究下。

圖片粘貼

在之前，插入一幅圖片需要以下步驟：

截圖->為文件命名并保存->整理到當(dāng)前文件夾下->在.md文件中插入相應(yīng)命令

現(xiàn)在，激活 markdown-image-paste 插件，插入截圖的工作將變得無比簡單。

使用任意截圖工具進(jìn)行截圖（無需保存，復(fù)制到剪切板就行）

然后鍵入想要保存的文件名 + ctrl+V 即可

效果如下圖所示,十分方便：

表格編輯

激活 markdown-table-editor 插件。

這個(gè)插件對于效率的提升相當(dāng)明顯，而且能夠治愈像我一樣有對齊強(qiáng)迫癥的小盆友。

使用方法： 在輸入例如 | Name 之后，按下tab鍵

快重新輸入一個(gè)同樣的表格，感受它的強(qiáng)大吧！

PDF導(dǎo)出

激活 markdown-themeable-pdf 與 pdf-view

在編輯區(qū)點(diǎn)擊 右鍵->Markdown to PDF

或者使用快捷鍵 ctrl + shift + e

可以導(dǎo)出PDF并預(yù)覽，這個(gè)功能可能以后會用到，效果如下：

總結(jié)

以上是生活随笔為你收集整理的使用Atom快速打造好用的Markdown编辑器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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