码迷,mamicode.com
首页 > Web开发 > 详细

atom编辑markdown之上传图片

时间:2016-08-24 14:23:19      阅读:1573      评论:0      收藏:0      [点我收藏+]

标签:

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

技术分享

atom编辑markdown之上传图片

标签:

原文地址:http://www.cnblogs.com/xudong-run/p/5802688.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!