Atom寫markdown及本地下載Atom插件

若是你使用過sublime,那麼你確定會喜歡上 ATtom 。二者的操做技巧和插件都有不少類似地方,只不過是用不一樣的語言寫的。html

Atom簡介

在web開發界編輯器的更新換代是很快的,最後一次使Web開發界轟動的編輯器,非Sublime Text莫屬了。現在,github開發了本身的編輯器-Atom。若是你對sublime的操做技巧很熟悉,那麼你會很快適應和愛上Atom的。Atom是由web技術構建的,因此每個窗口都是由本地渲染的網頁。git

使用Atom的緣由

最近一直在找一個好用的 markdown編輯器 ,試用了不少,都沒有找到一個好用的。在線編輯器功能通常不全,並且保存比較困難,大部分客戶端的寫字編碼速度比較慢,sublime雖然能夠下載markdown的加強插件,可是不支持本地預覽,並且瀏覽器渲染出來的html文件比較難看且雞肋。後來得知Atom能夠本地預覽,最重要的是編寫技巧和sublime很像,速度能夠保證, 理所固然的開始用啦。不過也只是寫博客可文章使用,寫代碼仍是要使用神同樣的編輯器- sublime github

插件下載失敗

插件下載的時候,我原本用的是半圖形界面下載,可是出現了下載失敗的問題,百度並無得出很好的解釋。畢竟Atom官方文檔還不完善,資料很少。
出現失敗以下圖片所示:
插件下載失敗
此時以save-auto爲例,由於我已經本地裝上了activate-power-moda插件-著名的炫酷吊炸天插件,固然了寫個文章還行,寫代碼就別用了,頭都暈了。web

經過git本地下載插件

方法以下:shell

  1. 在git中,(我用的是github客戶端自帶的 git shell )切換路徑到圖片中的地址- C:\Users\lenovo\.atom\packages 每一個人的電腦地址不一樣。npm

  2. git clone下來你要下載的插件(點擊圖片中插件名字便可找到github上倉庫地址)瀏覽器

  3. 命令提示符 cd 進入插件目錄, npm install 等待插件安裝完成便可markdown

  4. 重啓Atom編輯器

代碼以下:學習

cd ~/.atom/packages
git clone <你想安裝的 Package 的倉庫連接> # 好比:git clone https://atom.io/packages/activate-power-moda
cd <Package 路徑> # cd emmet-atom
npm install

使用Atom寫markdown

使用Atom寫markdown簡直爽翻了,能夠實時預覽,並且排版渲染的還比較好看,支持自定義主題和語法高亮,支持圖片連接及時渲染,由於自己編輯器就是網頁。 加上炫酷的 activate-power-moda 插件,簡直像作一件藝術品。
渲染效果以下:
atom渲染的markdown

markdown圖片問題

使用markdown不方便的地方是圖片插入問題,不少軟件在本地上傳功能中都要收費。這裏有兩種解決方法。

  1. 使用相對地址 ,將圖片和xxx.md文件放在同一級別文件夾下面,而後
    !\[圖片描述]\(xxx.png)格式便可,不過當發佈博客時候,相對地址,必須文件夾完整,不然會出問題,這個方法兼容性很差。

  2. 使用七牛雲 將圖片放在七牛雲空間裏面,而後複製外鏈地址,一勞永逸,能夠隨處分享,不用擔憂兼容問題。

  3. 若是你有更好的解決方式或者編輯器,請告訴我。

試用Atom的簡單總結

優勢

  1. 界面美麗,操做和sublime類似,學習成本低。

  2. 編寫markdown極其方便,舒服。

  3. github官方支持,有不少極客愛好者支持。


缺點

  1. 發展時間短,版本不穩定,bug比較多,參考文檔少。

  2. web渲染而成,打開啓動速度比較慢,相比較sublime仍是遜色很多。  

二者各有千秋,平時寫代碼固然仍是用github啦,寫個markdown文章,博客,強烈推薦用Atom.

相關文章
相關標籤/搜索