如何利用 Atom 打造一个带有便捷图床功能的 Markdown 编辑器

市面上使用的 Markdown 编辑器基本分为需要安装的本地编辑器以及一些网站自带的在线编辑器。

笔者使用过的不多，大致如下：

在线类：

• GitHub/GitLab/GitCafe（现已被收购） 的编辑器，基本大同小异，写 wiki写Issue写Comment都很顺手（恩_{都是同性交友}~技术社区）
• SegmentFault 的博客编辑器：几乎实时保存，浏览器崩溃重新打开可快速恢复
• MaHua：正儿八经的在线 Markdown 编辑器

本地类：

• Mac：Mou
• 全 OS系列：Atom （自带的 markdown-preview）

从我自己的使用角度来看，在线和本地各有优劣：

	优点	缺点
在线	几乎都自带图床，剪贴板复制直接上传	体性能要看浏览器脸色，自动保存也看其本身是否支持
本地	稳定性一般好于在线版，各种保存导出体验比较优秀，可以疯狂的ctrl+S(适合强迫症患者)	很少自带图床，需要额外图床获取图片url

---

笔者因为偶尔也会写写 Code，又是 GitHub、GitLab 中度用户，因此平时用 Atom 为主。
Atom 是个好东西、作为一个用 Electron 做的跨平台桌面应用，社区内各种黑科技插件天上飞。你说兹磁不兹磁？

今天要讲的其实是利用 Atom 以及 knightli 为其开发的2款插件 markdown-assistant+qiniu-uploader来打造一个顺手的 Markdown 编辑器
(其实本来是同一款插件，作者考虑到不同用户会有自己喜欢的图床给拆开了)

Step 1 打开 Atom，安装 markdown-assistant 及 qiniu-uploader

安装markdown-assistant

安装qiniu-uploader

Step 3 将 qiniu-Uploader 设置为 markdown-assistant 的默认图床

配置markdown-assistant

Step 2 配置你的 qiniu-Uploader

配置 qiniu-uploader

• AK/SK 在你的 「个人面板」-「密钥管理」，如图

  
  
  

  AK-SK
• Bucket 就是你的「对象存储空间」的名字，比如我的叫「atom-markdown-img」(注意要设置为公开空间，否则你上传后是不可以通过外部链接查看的)
  
  

  存储空间名称
• Domain
  用七牛提供的免费测试用 Domain 就满足了.

全部设置完后就可以开始浪了，这篇 blog 的图片同样使用了这2款插件来实现快速上传插入，祝你用餐愉快，再次感谢插件作者knightli。

你可以开始浪了