因為對markdown比較感興趣辆它,所以一直想找一款能夠?qū)崿F(xiàn)本地化的markdown編輯器刨啸,先后用過vscode、cmdmarkdown侣灶,也因為各種問題而棄坑甸祭。我對markdown編輯器的要求有兩點(diǎn):
- 支持基本的markdown語法
- 能夠自動化上傳圖片
- 預(yù)覽效果比較美觀,這個比較主觀褥影。
先說下vscode池户,首先預(yù)覽效果不是太滿意,感覺不太好看凡怎,這個當(dāng)然是很主觀的看法校焦。第二個,就是沒找到上傳圖片的相關(guān)插件统倒。
而cmdmarkdown用了一段時間寨典,感覺bug還是挺多的,而且因為是完全基于html的房匆,所以用的時候感覺反應(yīng)比較遲鈍耸成。
于是,我把目光轉(zhuǎn)向了atom浴鸿,據(jù)說是個利用插件基本能實(shí)現(xiàn)基本上所有效果的編輯器井氢。這篇文章就是利用atom來寫的,文章目的主要是想告訴大家用atom來一鍵上傳圖片的方法岳链。
首先花竞,先上一張效果圖:
怎么樣,看起來是不是很漂亮掸哑。
1. 注冊七牛賬號
這里就不寫怎么注冊了约急,網(wǎng)址放出來
2. 下載qiniu-uploader插件
安裝好qiniu-uploader
后,先要對其進(jìn)行設(shè)置举户,主要設(shè)置四個參數(shù):
3.下載markdown-assistant插件
接下來下載markdown-assistant
插件并安裝烤宙,設(shè)置的時候發(fā)現(xiàn),會讓你填一個上傳插件俭嘁,而且默認(rèn)已經(jīng)幫你填好了qiniu-uploader
躺枕,其實(shí)你也就什么都不用設(shè)置了。
這些做完以后,讓我們來試一下吧拐云,用qq截圖罢猪,然后直接在atom
中ctrl+v
粘貼,彈出上傳圖片提示叉瘩,會讓你填寫一個title膳帕,點(diǎn)擊enter會自動構(gòu)建一條markdown圖片語句。這樣上傳圖片就完成了薇缅,是不是很簡單危彩!