使用 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>’
还有的时候,你执行 sudo gem install qiniu 这句命令时会遇到上面这种提示,这说明默认的 Gem Source 里的网址需要做访问,在 Qiniu Ruby 包的安装命令添加 –http-proxy http://服务器:端口,也就是 sudo gem install –http-proxy http://服务器:端口 qiniu;或者你也可以删除 Gem Source 里默认的 https://rubygems.org/,使用淘宝提供的 Ruby 镜像站:https://ruby.taobao.org(注意要用 https)。
配置 Gem Sources 的方法是:
  • 显示当前使用的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和七牛云存储来优化博客图床》

评论 2 条

  • Jason

    哎,网站改版了,咋就忘记更方便的图床神器 iPic 了?哈哈 http://www.waerfa.com/ipic

    2016-08-22 18:03 回复

  • qwerty

    用automator做一个比这个更加方便,右键上传

    http://7xs2x8.com1.z0.glb.clouddn.com/Untitled.gif

    2016-03-22 23:34 回复