使用 Dropzone 快速上传图片到七牛云存储

有时候人犯懒容易耽误许多事，就像我，早就想给上传文章配图到七牛这种事找一个简单而快捷的操作方式，这不刚好在 Twitter 上看到 @sinchangwen 同学分享的案例，使用 Dropzone 自制 Action 快速上传图片到七牛，然后再自动推送外链地址到系统剪切板，再加上 MWeb 这种即时预览文章的 Markdown 编辑器，可以一条龙式的完成图片插入与预览工作！

案例的原文请看文末链接，我在这再简单介绍一下吧。首先你需要有用过七牛云存储，关于这款图床产品就不需要我详细介绍了吧，百度一大堆文章，看看就好，这里需要我们在安装自制 Dropzone Action 后，为 Action 里配置上你在七牛里建立的空间信息以及 Access Key、Secret Key 以及空间域名。

具体步骤：

• 下载并安装 Dropzone Qiniu 插件
• 安装 Qiniu 的 Ruby 库，在命令行执行 sudo gem install qiniu
• 启用插件后在配置窗口内填写七牛空间的各种信息：

• server: 你再七牛上的空间名
• username: 七牛的access_key
• password: 七牛的secret_key
• remote path(可选): 本地同步图片的目录，如果你希望本地也存一份图片，选一个地址即可
• root url: 七牛的公共链接根目录（也就是默认的域名或者自定义域名）

之后将图片直接拖入 Dropzone 在 Menubar 的操作台菜单中七牛插件的图标上即可开始上传图片，上传完毕后系统会有消息通知告知上传完毕。

但在实际操作中，你可能会像我一样遇到 Qiniu Ruby 库无法正常安装的情况，此时你需要确认一下系统 Ruby 的安装目录，有的时候她会安装在 /usr/bin/ 里，也有时候会在 /usr/local/bin/，此时你需要到 Dropzone Qiniu 插件 里的 Action.rb 里编辑一下注释段落最后一行里对 RubyPath 的路径，如下图，不然你在使用插件时会遇到以下类似的错误提示

• /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb:55:in `require’: cannot load such file — qiniu (LoadError)
• from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb:55:in `require’
• from /Users/sguotao/Library/Application Support/Dropzone 3/Actions/Qiniu.dzbundle/action.rb:16:in `<top (required)=””>’
• from /Applications/Dropzone 3.app/Contents/Actions/lib/run… `load’
• from /Applications/Dropzone 3.app/Contents/Actions/lib/run… `<main>’

• 显示当前使用的sources：gem sources
• 添加一个source：gem sources -a url地址
• 删除一个source：gem sources -r url地址
• 更新source cache：gem sources -u

搞定之后就可以正常下载 Qiniu Ruby 包了，不过在安装的过程中你可能还会遇到困难，就像下面这种：

反正就是 bla bla 一大堆，我在网上看到的安装 XCode Command Line Tools 就能搞定了，在终端执行 gcc –version 即可，之后都 OK 了，可以正常使用插件。

原文《使用Dropzone和七牛云存储来优化博客图床》