因為對markdown比較感興趣，所以一直想找一款能夠實現(xiàn)本地化的markdown編輯器，先后用過vscode、cmdmarkdown，也因為各種問題而棄坑。我對markdown編輯器的要求有兩點：

1. 支持基本的markdown語法
2. 能夠自動化上傳圖片
3. 預覽效果比較美觀，這個比較主觀。

先說下vscode，首先預覽效果不是太滿意，感覺不太好看，這個當然是很主觀的看法。第二個，就是沒找到上傳圖片的相關插件。

而cmdmarkdown用了一段時間，感覺bug還是挺多的，而且因為是完全基于html的，所以用的時候感覺反應比較遲鈍。

于是，我把目光轉向了atom，據說是個利用插件基本能實現(xiàn)基本上所有效果的編輯器。這篇文章就是利用atom來寫的，文章目的主要是想告訴大家用atom來一鍵上傳圖片的方法。

首先，先上一張效果圖：

atom markdown效果圖

怎么樣，看起來是不是很漂亮。

1. 注冊七牛賬號

這里就不寫怎么注冊了，網址放出來

七牛官方網址

2. 下載qiniu-uploader插件

qiniu-uploader

安裝好qiniu-uploader后，先要對其進行設置，主要設置四個參數(shù)：

設置參數(shù)

3.下載markdown-assistant插件

接下來下載markdown-assistant插件并安裝，設置的時候發(fā)現(xiàn)，會讓你填一個上傳插件，而且默認已經幫你填好了qiniu-uploader，其實你也就什么都不用設置了。

uploader

這些做完以后，讓我們來試一下吧，用qq截圖，然后直接在atom中ctrl+v粘貼，彈出上傳圖片提示，會讓你填寫一個title，點擊enter會自動構建一條markdown圖片語句。這樣上傳圖片就完成了，是不是很簡單！

上傳圖片效果