因為對markdown比較感興趣,所以一直想找一款能夠實現本地化的markdown編輯器,先后用過vscode、cmdmarkdown,也因為各種問題而棄坑。我對markdown編輯器的要求有兩點:
- 支持基本的markdown語法
- 能夠自動化上傳圖片
- 預覽效果比較美觀,這個比較主觀。
先說下vscode,首先預覽效果不是太滿意,感覺不太好看,這個當然是很主觀的看法。第二個,就是沒找到上傳圖片的相關插件。
而cmdmarkdown用了一段時間,感覺bug還是挺多的,而且因為是完全基于html的,所以用的時候感覺反應比較遲鈍。
于是,我把目光轉向了atom,據說是個利用插件基本能實現基本上所有效果的編輯器。這篇文章就是利用atom來寫的,文章目的主要是想告訴大家用atom來一鍵上傳圖片的方法。
首先,先上一張效果圖:
atom markdown效果圖
怎么樣,看起來是不是很漂亮。
1. 注冊七牛賬號
這里就不寫怎么注冊了,網址放出來
2. 下載qiniu-uploader插件
qiniu-uploader
安裝好qiniu-uploader
后,先要對其進行設置,主要設置四個參數:
設置參數
3.下載markdown-assistant插件
接下來下載markdown-assistant
插件并安裝,設置的時候發現,會讓你填一個上傳插件,而且默認已經幫你填好了qiniu-uploader
,其實你也就什么都不用設置了。
uploader
這些做完以后,讓我們來試一下吧,用qq截圖,然后直接在atom
中ctrl+v
粘貼,彈出上傳圖片提示,會讓你填寫一個title,點擊enter會自動構建一條markdown圖片語句。這樣上傳圖片就完成了,是不是很簡單!
上傳圖片效果