一、前言
國內免費的圖牀其實有很多,例如七牛雲、極簡圖牀、微博圖牀等,之前也用七牛雲圖牀寫過一些內容,但是存在各種限制,所以我一直在尋找一種在寫markdown時可以流暢的解決圖片問題的方法,現在我覺得使用picgo+github+jsDelivr這種方式非常的好用,所以寫下來總結下。
二、新建GitHub倉庫
首先在GitHub創建一個新的倉庫:
設置如下:
生成token:
通過主頁->Settings->Devloper settings->Personal access tokens->Generate new token 獲得token。
三、安裝picgo
爲了方便我們把圖片上傳到GitHub倉庫中,這裏我們使用了picgo
安裝picgo之後進行以下參數的設置
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-mBAYC773-1589982126496)(…/Library/Application%20Support/typora-user-images/image-20200520213752197.png)]
- 設定倉庫名:這裏的格式爲
用戶名/倉庫名
- 設定分支名:這裏寫入分支名稱,一般直接用
maser
即可。 - 設定Token:將剛剛創建的token填入。
- 指定存儲路徑:自定義創建,GitHub會跟着自動生成該文件夾
- 設定自定義域名:這個域名是爲了後邊自動生成圖片地址拼接而用的,格式是:
https://raw.githubusercontent.com/用戶名/倉庫名/master
四、使用jsDelivr進行加速
通過上面的步驟我們已經可以使用GitHub作爲圖牀了,但是這種有一個致命的缺點,那就是慢,所以這時候就用到了jsDelivr進行加速,親測這種方式速度完全可以達到我們寫普通文檔和博客的需求,十分的順滑。
這種方式很簡單,只需要設置自定義域名時,設置成如下即可:
https://cdn.jsdelivr.net/gh/用戶名/倉庫名