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