使用七牛云存儲和alfred的workflow簡化markdown貼圖流程

使用markdown最頭疼的問題就是貼圖問題。一方面我們習慣于從剪貼板直接用圖片，但因為markdown是純文本，不支持粘貼圖片，需要將圖片保存——獲取圖片地址——插入文章，操作過程十分繁瑣。另一方面，如果圖片使用絕對鏈接掛在當前地址下，編輯器的支持效果不好，訪問慢，也不好管理。

本文介紹如何使用七牛云存儲作為圖床，借助Alfred的workflow將剪貼板圖片保存到某個文件夾下，讓該文件夾自動同步到圖床，然后將圖片地址自動插入文章。

1. 如果還沒有Alfred的話請自行下載安裝

   • Alfred簡介
   • Alfred是收費軟件，有條件的話建議大家支持正版，想要體驗一下可以參考這里

2. 創建Alfred工作流，鏈接里有詳細的指導，文章中的如下兩行要根據自己的情況進行修改

   set filePath to "/Users/viecks/Datas/Blog/octopress/source/images/attaches/" --這里換成你自己放置圖片的路徑
   
   set markdownUrl to "![](http://attaches-mirror.qiniudn.com/images/attaches/" & fileName & ")" 
   

   第一個filePath引號中的內容改成你想要放置同步圖片的文件夾，第二個markdownUrl我們稍后會提到

3. 如果還沒有七牛云存儲的賬號，點這個鏈接注冊，這是一個推廣鏈接，點擊后會給我增加流量，如果你不愿意這么做，可以自行前往官網申請賬號。七牛給每個用戶提供10G的免費存儲空間，每個月10G的下載流量、10萬次PUT/DELETE請求、100萬次GET請求。訪問速度也很不錯。

4. 參考這里新建一個空間，假定你的空間名為test，那么七牛會給所有放在當前空間中的文件生成鏈接http://test.qiniudn.com/somefile.png

5. 配置自動一個文件夾，讓其中的圖片能夠被自動上傳到七牛的空間。下載QRSBox，參考鏈接配置成自動同步之前我們放圖片的文件夾；

6. 回到第2步中的腳本，將markdownUrl改成你的七牛空間地址，如果你的空間名為test，則改為http://test.qiniudn.com/

到這兒我們就大功告成了，試驗一下：

1. 使用QQ截圖或者系統截圖將圖片截到剪貼板

2. 將光標點到需要插入圖片的位置，按快捷鍵CTL + CMD + V（也可以自己在Alfred中自定義其它快捷鍵），會看到在文章中多出了一行類似下面的東西

   ![text](http://wenchao-img.qiniudn.com/b0e59e029fb55557b8712c35dce9c777.png)
   

   

   圖片預覽

   在實時預覽的編輯器中就可以看到效果了。

參考鏈接

• 簡化靜態博客發圖的Alfred工作流
• 七牛云存儲新手引導
• 七牛云存儲自動同步