話(huà)不多說(shuō)先上一波效果：

演示

我這篇博客的應(yīng)用場(chǎng)景是，你是一個(gè)markdown重度應(yīng)用患者。喜歡折騰，但是每次在寫(xiě)自己的博客，碰到了自己需要上傳原創(chuàng)圖片鏈接時(shí)，往往都沒(méi)有一個(gè)好的處理方式。

不過(guò)看了我的演示，你可以發(fā)現(xiàn)，當(dāng)我遇到這種場(chǎng)景時(shí)，我給出的方案是：

我只需要拖住我的圖片。丟到上面的那個(gè)框里，然后等一下，圖片自動(dòng)上傳七牛返回外鏈自動(dòng)推送到剪貼板。一氣呵成。我只需要在需要的地方按一下粘貼cmd + v 圖片就OK了。

下面說(shuō)一下需要準(zhǔn)備的原材料：

1. Dropzone 3：一款效率軟件，AppStore售價(jià)68，官網(wǎng)售價(jià)10$。

2. 七牛云：一個(gè)云服務(wù)提供商。每個(gè)月有10g免費(fèi)流量。對(duì)于正常博客來(lái)講完全夠用。

3. 以及一顆折騰的心??

本文環(huán)境為macOS 10.12.14

搭建流程

1.Dropzone的配置：

首先去官網(wǎng)或者AppStore下載安裝。

這里有個(gè)坑，在A(yíng)ppStore購(gòu)買(mǎi)安裝的，需要在安裝成后去官網(wǎng)在下載一個(gè)安裝包替換掉本地的應(yīng)用程序。否則無(wú)法安裝自定義Action。

安裝成功后下載一個(gè)自定義Action

這里要感謝閆肅大神的插件編寫(xiě)。

不過(guò)我遇到了一些問(wèn)題。我們下面會(huì)提到。

2.注冊(cè)一個(gè)七牛云的賬戶(hù)。并創(chuàng)建一個(gè)公開(kāi)的存儲(chǔ)空間。在這里需要記下bucketName，AccessKey，SecretKey。

1

2

3

3.配置dropzone的QiqiuAction

這里其實(shí)詳細(xì)的配置方法在閆肅大神的這篇博客上已經(jīng)給出了：

使用Dropzone和七牛優(yōu)化博客圖床

配置參數(shù)對(duì)應(yīng)信息

然而我遇到了一些問(wèn)題并沒(méi)有配置成功。

所以我給出了我的解決方法。
首先更新了最新的Qiniu的Python的SDK。

SDK下載地址

替換完成后，打開(kāi)action.py，用文本編輯器即可。

下面我會(huì)在文后貼出我更改的源碼，直接替換打開(kāi)的這個(gè)文件中的源碼，然后將改修改的配置信息對(duì)應(yīng)填寫(xiě)。就OK了。

PS：
源碼我做了一些更改，因?yàn)槟承┣闆r下我們的圖片大小并不適合我們的博客展示，并且可能截圖圖片的質(zhì)量太高浪費(fèi)流量，所以我選擇了使用七牛的異步轉(zhuǎn)碼，在服務(wù)端進(jìn)行圖片切割并壓縮。方法如下：

在此首先需要你在七牛上創(chuàng)建自己的私人隊(duì)列：

然后在你的存儲(chǔ)空間中添加新圖片裁剪樣式：

博主的樣式為：

imageView2/2/w/600/h/600/q/75|imageslim

七牛在這里做了圖形化的創(chuàng)建方式優(yōu)化，創(chuàng)建樣式確實(shí)很方便，點(diǎn)贊。

當(dāng)然你也可以選擇手動(dòng)在jpg網(wǎng)址后面拼接圖片裁剪的大小例如
http://orsg2lmcy.bkt.clouddn.com/wc-erhai-1.jpg?imageView2/2/w/200/q/95
可以打開(kāi)連接自己換換參數(shù)測(cè)試一下

具體參數(shù)可查看文檔

到此配置基本完成。接下來(lái)就可以像文章開(kāi)頭一樣進(jìn)行圖片上傳了。

總結(jié)

作為一個(gè)程序猿，保持一個(gè)折騰的??才是最重要的。之前鼓搗博客，為了應(yīng)付直接把GitHub當(dāng)圖床用了。后來(lái)發(fā)現(xiàn)限制好多，而且上傳，獲取外鏈，麻煩的要死。不過(guò)經(jīng)過(guò)這一番折騰，總算是有一個(gè)自己的便利方案。開(kāi)發(fā)使用效率工具的過(guò)程，雖然看起來(lái)用了很長(zhǎng)時(shí)間，但當(dāng)你折騰成功之后，那種順暢絲滑的感覺(jué)，是無(wú)法比擬的。

希望在程序之路上永遠(yuǎn)保持一個(gè)折騰的心。你我共勉。

本文在很多細(xì)節(jié)上可能并不盡如人意，如果有問(wèn)題，可以發(fā)我郵件：

harwordliu@163.com

博主私人博客@HarwordLiu

<a name="1"></a> 源碼

# Dropzone Action Info
# Name: QiniuDIY
# Description: Upload images to qiniu.com
# Handles: Files
# Creator: HarwordLiu
# URL: https://harwordliu.com
# OptionsNIB: ExtendedLogin
# Events: Clicked, Dragged
# KeyModifiers: Command, Option, Control, Shift
# SkipConfig: No
# RunsSandboxed: No
# Version: 1.3
# MinDropzoneVersion: 3.5

import os
import sys
import commands
import shutil
import uuid
import imghdr
import webbrowser
from qiniu import Auth, PersistentFop, build_op, op_save, urlsafe_base64_encode, put_file, etag, BucketManager
import qiniu.config


reload(sys)
sys.setdefaultencoding('utf8')
bucket_name = '------------your_bucketName-----------------'
query = None
def getAuth():
    global query
    if query != None:
        return query
    access_key = os.environ['username']
    secret_key = os.environ['password']
    query = Auth(access_key, secret_key)
    return query

def isFileExist(file_name):
    q = getAuth()
    # check if file already exist
#    bucket_name = os.environ['server']
    bucket = BucketManager(getAuth())
    ret, info = bucket.stat(bucket_name, file_name)
    if ret != None:
        return True
    else:
        return False

def uploadFile(file_path, file_name):
    q = getAuth()
#    bucket_name = os.environ['server']
    dz.url(bucket_name)
    if isFileExist(file_name):
        dz.fail("Filename already exist")

    pipeline = '----------your_pip----------'
    fops = 'imageView2/2/w/600/h/600/q/75|imageslim'
    fop_name = '%s:%s/600' % (bucket_name, file_name)
    saveas_key = urlsafe_base64_encode(fop_name)
    fops = fops+'|saveas/'+saveas_key
    policy = {
        'persistentOps':fops,
        'persistentPipeline':pipeline
    }

    token = q.upload_token(bucket_name, file_name, 3600, policy)
    ret, info = put_file(token, file_name, file_path)

    if info.status_code == 200:
        bucket_domain = os.environ.get('root_url', '')
        base_url = 'http://%s/%s/600' % (bucket_domain, file_name)

        # copy file to local path as backup
        if 'remote_path' in os.environ:
            dest_path = '%s/%s/600' % (os.environ['remote_path'], file_name)
            shutil.copyfile(file_path, dest_path)

        return base_url
    else:
        return False

def dragged():
    dz.begin("Starting uploading...")
    dz.determinate(True)
    dz.percent(10)

    # keep origin name
    file_path = items[0]
    file_name = os.path.basename(file_path)
    base_url  = uploadFile(file_path, file_name)

    if base_url:
        dz.finish("Upload Completed")
        dz.percent(100)
        dz.url(base_url)
    else:
        dz.fail("Upload Failed")
        dz.percent(100)
        dz.url(False)

def clicked():
    dz.percent(10)

    file_path = dz.temp_folder() + '/qiniu_img_cache'
    current_path = os.path.dirname(os.path.realpath(__file__))
    command = '"%s/pngpaste" "%s"' % (current_path, file_path)
    status, output = commands.getstatusoutput(command)
    if (status != 0):
        web_url = 'https://portal.qiniu.com/bucket/%s/index' % (bucket_name)
        webbrowser.open(web_url)
        dz.fail(output)

    inputs = dz.cocoa_dialog('standard-inputbox --title "Filename Required" --e --informative-text "Enter filename without suffix:"')
    inputs = inputs.split("\n")
    if not inputs[1]:
        file_name = str(uuid.uuid4())
    else:
        file_name = inputs[1]

    file_name = file_name + '.' + imghdr.what(file_path)

    while True:
        if isFileExist(file_name):
            file_name = dz.inputbox("Filename already exist", "Enter filename without suffix:")
            file_name = file_name + '.' + imghdr.what(file_path)
        else:
            break

    dest_path = '%s/%s' % (os.path.dirname(file_path), file_name)
    shutil.move(file_path, dest_path)

    dz.begin("Starting uploading...")
    dz.determinate(True)

    base_url = uploadFile(dest_path, file_name)
    if (base_url):
        dz.finish("Upload Completed")
        dz.percent(100)
        dz.url(base_url)
    else:
        dz.fail("Upload Failed")
        dz.percent(100)
        dz.url(False)