Atom 打造無懈可擊的 Markdown 編輯器

2021-09-25 14:23:14 字數 1725 閱讀 1288

1. 安裝 atom

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)

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 報告錯誤。

解決辦法是:

新增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 =

無懈可擊的Web設計 pdf格式

無懈可擊的web設計 目 錄第1章 靈活的文字.1 1 常見的方法 1 2 權衡我們的選擇 1 3 無懈可擊的方法 1 4 為什麼說它是無懈可擊的 1 5 有了靈活基礎後的操作 1 6 結合使用關鍵字和百分比值 1 7 本章小結 第2章 可伸縮的導航欄 2 1 常見的方法 2 2 為什麼這樣做不是無...

關於atom的初次使用和atom外掛程式

之後就是怎麼用了,對於怎麼新建檔案或者選單欄就不介紹了,主要說下初用atom可以下點什麼外掛程式 3.simplified chinese menu 這個是漢化atom,對於一些英語差的還是很有幫助的不如說我,當然你英語很好的,就可以與不用了。4.activate power mode 這是乙個很有...

《無懈可擊的Web設計》 靈活的文字

常見的方法 body使用畫素單位的優點 為什麼這麼做不是無懈可擊的?我們有哪些選擇?表示相對大小的關鍵字 百分比值 表示絕對大小的關鍵字 他們之間都是以1.5倍為差 無懈可擊的方案 通過em實現靈活的文字 rem單位 補充幾種響應式中使用的單位 vh and vw 響應式web設計離不開百分比。但是...