Hexo搭配七牛存儲圖片等媒體資源

今天把博客的圖片存儲搞了一下，利用的七牛存儲。
七牛 是一個雲存儲服務商，註冊並實名認證以後後，你將免費享有 10GB 存儲空間，每個月 10GB 下載流量、100 萬次 GET 請求、 10 萬次 PUT/DELETE 請求。若是想要註冊能夠點擊這裏，這樣能夠爲我增長每個月5GB的容量。
註冊完成以後就能夠進行建立空間了，注意咱們添加的資源爲對象存儲，訪問控制爲公開空間

而後點擊右上角進入密鑰管理，複製當前使用的AK和SK，配置的時候會用獲得
下面咱們會用到一個叫作的hexo-qiniu-sync的插件，首先在hexo主目錄下安裝：

npm install hexo-qiniu-sync - -save

而後把配置信息添加到_config.yml中

plugins:
  - hexo-qiniu-sync

#七牛雲存儲設置
##offline       是否離線. 離線狀態將使用本地地址渲染
##sync          是否同步
##bucket        空間名稱.
##access_key    上傳密鑰AccessKey
##secret_key    上傳密鑰SecretKey
##secret_file   祕鑰文件路徑，能夠將上述兩個屬性配置到文件內，防止泄露，json格式。絕對路徑相對路徑都可
##dirPrefix     上傳的資源子目錄前綴.如設置，需與urlPrefix同步 
##urlPrefix     外鏈前綴.
##up_host      上傳服務器路徑,如選擇華北區域的話配置爲http://up-z1.qiniu.com
##local_dir     本地目錄.
##update_exist  是否更新已經上傳過的文件(僅文件大小不一樣或在上次上傳後進行更新的纔會從新上傳)
##image/js/css  子參數folder爲不一樣靜態資源種類的目錄名稱，通常不須要改動
##image.extend  這是個特殊參數，用於生成縮略圖或加水印等操做。具體請參考http://developer.qiniu.com/docs/v6/api/reference/fop/image/ 
##              可以使用基本圖片處理、高級圖片處理、圖片水印處理這3個接口。例如 ?imageView2/2/w/500 即生成寬度最多500px的縮略圖
qiniu:
  offline: false
  sync: true
  bucket: bucket_name
  secret_file: sec/qn.json or C:
  access_key: AccessKey
  secret_key: SecretKey
  dirPrefix: static
  urlPrefix: http://bucket_name.qiniudn.com/static
  up_host: http://upload.qiniu.com
  local_dir: static
  update_exist: true
  image: 
    folder: images
    extend: 
  js:
    folder: js
  css:
    folder: css

其中各個參數在插件的README文件中都有詳細的介紹，按照github上的教程一步一步來是很簡單的。

而後在hexo主目錄下建立本地目錄（該目錄要和配置中local_dir參數保持一致），而後建立iamges、js、css子目錄，這樣基本的配置就完成了

下面就能夠在你的文章中試着插入圖片了，好比你想引用在你/local_dir/images/下的圖片1.png

{% qnimg 1.png %}

更高級的用法請參考github上的說明。

下面進行同步，插件原來給出的命令是 hexo s 便可同步至七牛空間，這裏的s表示的是sync，可是這個與hexo 原有的s(server)產生衝突，因此有了第二種方法

hexo qiniu s

將七牛的插件配置好後我寫了一篇博客試一試效果，結果發現怎麼也無法部署到github，每次hexo d都會出現

ERROR Deployer not found: git

這樣的報錯，Google了半天都沒有找到解決的辦法，最後在找到了github上的一條issue，終於發現瞭解決辦法：只要將配置文件_config.yml中plugins的那段給註釋掉就OK了，即

#plugins:
#- hexo-qiniu-sync

仍是但願開發者能早點修改文檔吧，否則還真的挺容易出事，不過說一句，個人Hexo是3.2.2的版本的，不知道2.x版本會不會出現相似的狀況