使用Atom快速打造好用的Markdown编辑器
使用Atom快速打造好用的Markdown編輯器
Atom當前主流的跨平臺的三大編輯器(Atom,sublime,vscode)之一
今天嘗試了使用Atom來打造Markdown編輯器,快速上手且易用,墻裂推薦!
下面直接進入正題,一步步介紹如何使用Atom快速打造好用的Markdown編輯器
下載并安裝Atom
首先下載并安裝Atom
下載鏈接
編輯一個.md文件
運行Atom
新建一個markdown文件
進行一些簡單功能的編輯,例如輸入如下內容:
# 這是一個測試## 普通文字 hello, markdown!## latex公式 \[ e ^ {i\pi} + 1 = 0 \]再加入些功能,如插入代碼片,插入截圖、表格等,如下圖所示
安裝插件
通過簡單的編輯,從文本的高亮顯示可以看出,Atom支持markdown文件的編輯,但功能還不那么完善。
Atom中提供了大量的包/插件,來幫助你DIY一個滿足你高效工作的編輯器
下面介紹幾個常用的插件,足以滿足最基本的需求,不妨參考博客一起閱讀,此文中的動圖能夠方便理解。
- markdown-preview-plus(增強預覽) - markdown-scroll-sync(同步滾動) - language-markdown(代碼增強) - markdown-image-paste(圖片粘貼) - markdown-table-editor(表格編輯) - markdown-themeable-pdf 與 pdf-view(pdf導出)我們先將上述的插件全部安裝一遍,方法很簡單:
點擊File->Settings->install
在右側文本框中依次輸入上述插件的名稱進行搜索,然后安裝,如下圖所示:
注意,我在初次安裝時失敗了,你也可能遇到這個問題,錯誤信息中包含timeout的字眼,需要通過科學上(翻)網(墻)進行解決。
為了更好的了解每個插件的作用,熟練Atom的使用,建議和我一樣先將安裝的插件全部關閉,然后一個一個開啟,觀察其效果。
如下圖所示,依次點擊每個插件的Disable:
預覽功能
回到剛剛編輯的Markdown文件,按下如下快捷鍵:
ctrl + shift + m
可以看到,atom中出現了預覽功能。這是由Atom自帶的Markdown預覽插件markdown-preview完成的,其功能相比于我們剛剛安裝的markdown-preview-plus沒那么強大。
如下圖可以看到,自帶的預覽插件不支持latex公式編輯
現在我們重新回到設置中,首先在Packages中搜索找到markdown-preview將其禁用,然后找到剛剛安裝的markdown-preview-plus重新將其激活。
快捷鍵:
ctrl + shift + m
仍然用于關閉和開啟預覽窗口。此外,我們擁有了另一個快捷鍵用于支持latex公式:
ctrl + shift + x
執行下面的步驟:
重新開啟預覽: 執行兩次 ctrl + shift + m
在預覽框中點擊鼠標以獲得焦點,然后執行ctrl + shift + x 開啟latex支持
然后可以觀察到,atom已經支持公式編輯:
同步滾動
激活 markdown-scroll-sync 插件,可以看到Atom已支持同步滾動功能。
同步滾動是Markdown編輯器的必備功能,方便翻閱文檔修改時能快速定位到預覽的位置。
markdown-scroll-sync不僅支持同步滾動,在光標位置發生變更時也會同步滾動,這個功能在很多Markdown編輯器中不具備。
代碼增強
激活 language-markdown 插件。
一般的Markdown編輯器提供了代碼著色等基本功能,language-markdown除了能給代碼著色,還提供了快捷的代碼片段生成等功能。關于快捷的代碼生成功能我還沒有仔細研究,感興趣可以研究下。
圖片粘貼
在之前,插入一幅圖片需要以下步驟:
截圖->為文件命名并保存->整理到當前文件夾下->在.md文件中插入相應命令
現在,激活 markdown-image-paste 插件,插入截圖的工作將變得無比簡單。
使用任意截圖工具進行截圖(無需保存,復制到剪切板就行)
然后鍵入想要保存的文件名 + ctrl+V 即可
效果如下圖所示,十分方便:
表格編輯
激活 markdown-table-editor 插件。
這個插件對于效率的提升相當明顯,而且能夠治愈像我一樣有對齊強迫癥的小盆友。
使用方法: 在輸入例如 | Name 之后,按下tab鍵
快重新輸入一個同樣的表格,感受它的強大吧!
PDF導出
激活 markdown-themeable-pdf 與 pdf-view
在編輯區點擊 右鍵->Markdown to PDF
或者使用快捷鍵 ctrl + shift + e
可以導出PDF并預覽,這個功能可能以后會用到,效果如下:
總結
以上是生活随笔為你收集整理的使用Atom快速打造好用的Markdown编辑器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 安装openCV到VS2010,Win7
- 下一篇: 协议簇:IPv4 解析