atom编辑markdown之上传图片

01atom编辑markdown之上传图片

atom编辑markdown之上传图片

因为对markdown比较感兴趣,所以一直想找一款能够实现本地化的markdown编辑器,先后用过vscode、cmdmarkdown,也因为各种问题而弃坑。我对markdown编辑器的要求有两点:

  1. 支持基本的markdown语法
  2. 能够自动化上传图片
  3. 预览效果比较美观,这个比较主观。

先说下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截图,然后直接在atomctrl+v粘贴,弹出上传图片提示,会让你填写一个title,点击enter会自动构建一条markdown图片语句。这样上传图片就完成了,是不是很简单!

上传图片效果

posted @ 2016-08-24 14:02  code哒哒  阅读(5366)  评论(1编辑  收藏  举报