使用picgo+github+jsDelivr打造穩定圖牀

一、前言

​ 國內免費的圖牀其實有很多,例如七牛雲、極簡圖牀、微博圖牀等,之前也用七牛雲圖牀寫過一些內容,但是存在各種限制,所以我一直在尋找一種在寫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/用戶名/倉庫名

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章