atom编辑markdown之上传图片

01atom编辑markdown之上传图片css

atom编辑markdown之上传图片

由于对markdown比较感兴趣,因此一直想找一款可以实现本地化的markdown编辑器,前后用过vscode、cmdmarkdown,也由于各类问题而弃坑。我对markdown编辑器的要求有两点:html

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

先说下vscode,首先预览效果不是太满意,感受不太好看,这个固然是很主观的见解。第二个,就是没找到上传图片的相关插件。java

而cmdmarkdown用了一段时间,感受bug仍是挺多的,并且由于是彻底基于html的,因此用的时候感受反应比较迟钝。python

因而,我把目光转向了atom,听说是个利用插件基本能实现基本上全部效果的编辑器。这篇文章就是利用atom来写的,文章目的主要是想告诉你们用atom来一键上传图片的方法。git

首先,先上一张效果图:github

atom markdown效果图

怎么样,看起来是否是很漂亮。web

1. 注册七牛帐号

这里就不写怎么注册了,网址放出来json

七牛官方网址ruby

2. 下载qiniu-uploader插件

qiniu-uploader

安装好qiniu-uploader后,先要对其进行设置,主要设置四个参数:markdown

设置参数

3.下载markdown-assistant插件

接下来下载markdown-assistant插件并安装,设置的时候发现,会让你填一个上传插件,并且默认已经帮你填好了qiniu-uploader,其实你也就什么都不用设置了。

uploader


这些作完之后,让咱们来试一下吧,用qq截图,而后直接在atomctrl+v粘贴,弹出上传图片提示,会让你填写一个title,点击enter会自动构建一条markdown图片语句。这样上传图片就完成了,是否是很简单!

上传图片效果

相关文章
相关标签/搜索