Hexo文章圖片儲存選七牛(當然支援MD都可以)

Codeagles發表於2018-07-10

版權宣告:本文為 Codeagles 原創文章,可以隨意轉載,但必須在明確位置註明出處!!!


今天一開啟blog發現一個總大問題,所有文章中的圖片全掛了,Hexo文章中的圖片,可以放在本地,然後和靜態檔案一起釋出(部署)到空間裡,原來就是這麼做的。 經過後來的仔細想想,我覺得文章中以前一直都是用的本地圖片,如果有一天我電腦不用了,或者轉移或者在出現這種情況,每個圖片不是還得重弄嘛,太費勁了,之前搭建部落格的時候,看到了用七牛雲端儲存來託管圖片,這下遷移資料,載入什麼的煩惱,都忘掉!!接下來,由此困擾的同學,可以直接看完。看完你會從建立賬號到使用圖片外鏈的技能,基礎操作只需要這一篇部落格就夠用了。

七牛簡介

七牛雲,在這裡您可以方便快捷的訪問您在七牛雲中使用的各類資源,通過簡單操作便可以完成對相關資源的配置監控和管理。

一句話,我就是用它做圖片託管,取外鏈寫在文章中。OK。

菜鳥階段

初階:註冊與初識

首先需要申請七牛賬號,如果你也需要申請,請訪問這個連結,這樣我也可以獲得更多的流量(5GB)。你們註冊之後在個人中心也會獲得邀請連結,要是覺得可以就雙贏吧。註冊過程就不多說了,都會的。

接下來你會進到這個裡面,裡面有多種服務,當然你們需要可以自行解決需求,今天我們只講圖片要用到的

index

看到圖片中的服務了吧,現在只需要點選物件儲存這個就可以建立空間了,然後在裡面選擇配置吧。

7建立
親測沒什麼大礙,上面說“ 華北區域尚未支援自定義資料處理服務,一旦建立區域無法修改,請謹慎選擇。 ”所以默默選擇了華東,然後控制是我選的是公開的,私有的獲取外鏈方式不一樣後續介紹。好了,恭喜你,你已經完成了菜鳥任務。

中鳥階段

進階:使用與相識

接下來,我們該使用強大的服務了。在內容管理中找到上傳檔案。

use
update
然後就會進到上傳的頁面,選擇檔案,接下來都會啦。然後關閉後,回到了檔案上傳列表介面。
list
後面的複製外鏈點選後就可以了,然後回到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 提供的方法生成。 公開私有空間解釋的參考文件來源

相關文章