版權宣告:本文為 Codeagles 原創文章,可以隨意轉載,但必須在明確位置註明出處!!!
今天一開啟blog發現一個總大問題,所有文章中的圖片全掛了,Hexo文章中的圖片,可以放在本地,然後和靜態檔案一起釋出(部署)到空間裡,原來就是這麼做的。 經過後來的仔細想想,我覺得文章中以前一直都是用的本地圖片,如果有一天我電腦不用了,或者轉移或者在出現這種情況,每個圖片不是還得重弄嘛,太費勁了,之前搭建部落格的時候,看到了用七牛雲端儲存來託管圖片,這下遷移資料,載入什麼的煩惱,都忘掉!!接下來,由此困擾的同學,可以直接看完。看完你會從建立賬號到使用圖片外鏈的技能,基礎操作只需要這一篇部落格就夠用了。
七牛簡介
七牛雲,在這裡您可以方便快捷的訪問您在七牛雲中使用的各類資源,通過簡單操作便可以完成對相關資源的配置監控和管理。
一句話,我就是用它做圖片託管,取外鏈寫在文章中。OK。
菜鳥階段
初階:註冊與初識
首先需要申請七牛賬號,如果你也需要申請,請訪問這個連結,這樣我也可以獲得更多的流量(5GB)。你們註冊之後在個人中心也會獲得邀請連結,要是覺得可以就雙贏吧。註冊過程就不多說了,都會的。
接下來你會進到這個裡面,裡面有多種服務,當然你們需要可以自行解決需求,今天我們只講圖片要用到的
看到圖片中的服務了吧,現在只需要點選物件儲存這個就可以建立空間了,然後在裡面選擇配置吧。
親測沒什麼大礙,上面說“ 華北區域尚未支援自定義資料處理服務,一旦建立區域無法修改,請謹慎選擇。 ”所以默默選擇了華東,然後控制是我選的是公開的,私有的獲取外鏈方式不一樣後續介紹。好了,恭喜你,你已經完成了菜鳥任務。中鳥階段
進階:使用與相識
接下來,我們該使用強大的服務了。在內容管理中找到上傳檔案。
然後就會進到上傳的頁面,選擇檔案,接下來都會啦。然後關閉後,回到了檔案上傳列表介面。 後面的複製外鏈點選後就可以了,然後回到md檔案中只要寫上圖片語法就可以引用了。![自己定義的圖片名字](複製過來的外鏈)
OK了,這個時候你重新部署一下,看看是不是文章裡已經有圖片了呢,好處多多,不一一說明。那麼中鳥就可以了,老鳥幹什麼?來吧!
注意: 七牛目前只支援一個請求上傳一個檔案,所以一次上傳多個檔案的話,就等同於一次傳送多個請求,七牛不支援。
七牛提供如下解決方案:
服務端,在上傳的業務邏輯里加個迴圈
客戶端,使用七牛提供的js sdk 例項:
http://jssdk.demo.qiniu.io/
批量上傳工具:
http://developer.qiniu.com/docs/v6/tools/qrsync.html
http://developer.qiniu.com/docs/v6/tools/qrsbox.html
http://developer.qiniu.com/docs/v6/tools/qshell.html ->
https://github.com/qiniu/qshell/wiki/qupload
老鳥階段
高階:我要上天
對於想弄懂深入的老鳥們,上述僅僅夠用當然是不行的,來看看下面吧。 剛才說公開空間和私有空間的區別,對就在這:
-
公開空間:
1.直接在介面上獲得連結(上述圖片已經演示了)。
2.如果在給bucket繫結了域名的話,可以通過以下地址訪問。http:///
其中是bucket所對應的域名。七牛云為每一個bucket提供一個預設域名。使用者也可以將自有的域名繫結到bucket上,通過自有域名訪問七牛雲,不過我沒打算付費,所以“您的賬戶餘額少於10元,暫無許可權使用融合 CDN, 點選充值”,沒辦法使用自己的域名,不影響使用沒必要了。 可理解為檔名,但可包含檔案分隔符等其它字元。可參考:特殊 key 資源的訪問
注意: key必須採用utf8編碼,如使用非utf8編碼訪問七牛雲將反饋錯誤
-
私有空間:
私有資源必須通過臨時下載憑證(downloadToken)進行下載,如下:
[GET] http://<domain>/<key>?e=<deadline>token=<downloadToken>
注意,尖括號不是必需,代表替換項。
deadline 由伺服器時間加上 指定秒數 表示過期時間點。預設 3600 秒,伺服器時間需校準,不要與標準時間相差太大。 downloadToken 可以使用 SDK 提供的方法生成。 公開私有空間解釋的參考文件來源