atom編輯markdown之上傳圖片

01atom編輯markdown之上傳圖片

atom編輯markdown之上傳圖片

由於對markdown比較感興趣，因此一直想找一款可以實現本地化的markdown編輯器，前後用過vscode、cmdmarkdown，也由於各類問題而棄坑。我對markdown編輯器的要求有兩點：

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

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

而cmdmarkdown用了一段時間，感受bug仍是挺多的，並且由於是徹底基於html的，因此用的時候感受反應比較遲鈍。

因而，我把目光轉向了atom，聽說是個利用插件基本能實現基本上全部效果的編輯器。這篇文章就是利用atom來寫的，文章目的主要是想告訴你們用atom來一鍵上傳圖片的方法。

首先，先上一張效果圖：

怎麼樣，看起來是否是很漂亮。

1. 註冊七牛帳號

這裏就不寫怎麼註冊了，網址放出來

七牛官方網址

2. 下載qiniu-uploader插件

安裝好qiniu-uploader後，先要對其進行設置，主要設置四個參數：

3.下載markdown-assistant插件

接下來下載markdown-assistant插件並安裝，設置的時候發現，會讓你填一個上傳插件，並且默認已經幫你填好了qiniu-uploader，其實你也就什麼都不用設置了。

---

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