借助 Alfred Workflow 编写 markdown 文档实现无阻塞式上传图片（暂支持又拍云）

[iammapping]

相信不是我一个人发现在编写 markdown 时，要上传图片是一个非常糟糕的体验，即使在一些支持 markdown 编写的编辑器（ Ulysses ， Bear ）中也没有很好的解决。

下面先说下现有的场景，写到某一段需要插入图片，打开 finder 找到图片，上传图片，拿到图片访问地址，粘贴回文档，再继续写。如果编辑器支持直接浏览图片插入，这个体验会稍微好一些。我平时是用 ghost 写博客，插入图片，必须要等到图片上传完成才能继续写。也就是在这些场景下，我的写作一定会被上传图片打断 10s ~ 60s ，甚至更长，这还不包括思路被打断找回思路所花的时间。

那什么是无阻塞式上传？就像 js 中的 callback ，我把任务给你，我继续做我的事情，你做完了告诉一下我。按照这个逻辑，我写了一个 Alfred Uploader Workflow 。传送门>>https://github.com/iammapping/alfred-uploader

借助 alfred-uploader 你的场景可以是：想插入图片，使用快捷键呼出 Alfred ，输入 upload 关键字加空格继续筛选出你要上传的图片然后回车，继续你的写作，右上角弹出上传成功通知，粘贴图片访问地址。全程你的焦点都在编写的文档上，双手甚至不用离开键盘， Alfred 的打扰时间不会超过 5s 。

当然前提是要有 MacOS ，要有 Alfred ，要有 Powerpack ，要有 Upyun （会支持 S3 ）。

更多请查看项目地址>>https://github.com/iammapping/alfred-uploader ，欢迎贡献。

Demo如下：

[ifoolish]

能否支持一下七牛图床

[iammapping]

@ifoolish 可以的

[ichou]

安利一发 mweb ，如果没买这货我会用你的方案

[iammapping]

@ichou Let me see😁

[ichou]

@iammapping Mweb 啊，一个 markdown 编辑器， v2 上有不少介绍或打折的帖子

它可以插入图片，先放在本地的一个目录，如果你配置了图床可以一键上传到图床，不会打断写作，也不用额外调用什么

[clip]

要我的话会先主动复制一个图片（从截图软件复制、 iPhone handoff 到 Mac 剪切板中、复制的其他软件或网页中的图片、文件系统中的图片文件），然后到需要插入图片的位置，按下 workflow 的快捷键，自动上传并把结果 ![]() 填写到当前位置。

[ponder]

支持七牛吧

[iammapping]

@ponder
@ifoolish 已经支持七牛了😁
另外也支持 S3 了

[ponder]

好用，如果是我刚截了图，也能上传？

[iammapping]

@ponder 只要截图存成了文件都可以的，由于 alfred 的输入形式不支持剪切板，不能直接上传剪切板的图片。貌似文件保存在`~/Desktop`或`~/Documents`在 alfred 里有比较高的优先级。也可以定义自己的 search scope ，所以一般截的图筛选一个字符就可以出来。

[ponder]

@iammapping 嗯赞，这个 shift+command+3/4 保存到桌面，筛选“屏幕快照+时间。。。”即可获得当时的截图

[tonyaiken]

@iammapping 剪贴板输入应该是可以支持的，可以参考 http://xfyuan.github.io/2017/03/use-alfred-to-auto-upload-screenshot-to-qiniu-and-generate-the-markdown-image-url/