有時候人犯懶容易耽誤許多事，就像我，早就想給上傳文章配圖到七牛這種事找一個簡單而快捷的操作方式，這不剛好在 Twitter 上看到?@sinchangwen 同學分享的案例，使用?Dropzone 自制 Action 快速上傳圖片到七牛，然后再自動推送外鏈地址到系統(tǒng)剪切板，再加上 MWeb 這種即時預覽文章的 Markdown 編輯器，可以一條龍式的完成圖片插入與預覽工作！

案例的原文請看文末鏈接，我在這再簡單介紹一下吧。首先你需要有用過七牛云存儲，關(guān)于這款圖床產(chǎn)品就不需要我詳細介紹了吧，百度一大堆文章，看看就好，這里需要我們在安裝自制 Dropzone Action 后，為 Action 里配置上你在七牛里建立的空間信息以及 Access Key、Secret Key 以及空間域名。

具體步驟：

• 下載并安裝 Dropzone Qiniu 插件
• 安裝 Qiniu 的 Ruby 庫，在命令行執(zhí)行?sudo gem install qiniu
• 啟用插件后在配置窗口內(nèi)填寫七?？臻g的各種信息：

• server: 你再七牛上的空間名
• username: 七牛的access_key
• password: 七牛的secret_key
• remote path(可選): 本地同步圖片的目錄，如果你希望本地也存一份圖片，選一個地址即可
• root url: 七牛的公共鏈接根目錄（也就是默認的域名或者自定義域名）

之后將圖片直接拖入 Dropzone 在 Menubar 的操作臺菜單中七牛插件的圖標上即可開始上傳圖片，上傳完畢后系統(tǒng)會有消息通知告知上傳完畢。

但在實際操作中，你可能會像我一樣遇到?Qiniu Ruby 庫無法正常安裝的情況，此時你需要確認一下系統(tǒng) 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 一大堆，我在網(wǎng)上看到的安裝 XCode Command Line Tools 就能搞定了，在終端執(zhí)行?gcc –version 即可，之后都 OK 了，可以正常使用插件。

原文《使用Dropzone和七牛云存儲來優(yōu)化博客圖床》