使用Github+PicGo搭建個人圖床

寫在開頭

每個人都需要一個自己的個人圖床,什么是圖床?

  • 圖床就是把圖片存到服務(wù)器上,通過一個公開的鏈接地址進(jìn)行訪問或者下載
  • 平時我們將圖片夾雜在文章、文檔、公眾號、博客當(dāng)中,一般情況下這樣似乎沒有任何問題,可試想一下若我們需要同時維護(hù)多份,不停地在不同渠道重復(fù)上傳、編輯,圖片也會散落各地,難以維護(hù)管理,這時候若有個統(tǒng)一的存儲地方就可以很輕松維護(hù)。
  • 我們將圖片直接放到在線靜態(tài)頁面當(dāng)中的話,在訪問時需要等待全部資源加載,然而一般頁面都是圖片較大。當(dāng)我們將圖片分離后異步加載,再通過CDN加速,能夠大幅提升頁面的訪問速度。

Github+PicGo

除此之外還有阿里云、騰訊云之類的,收不收費(fèi)忘記了,反正Github又不收費(fèi)??

  • 下載PicGo客戶端
    在Github里搜索PicGO
    [站外圖片上傳中...(image-e4ad27-1649482074046)]
    PicGo的Github倉庫地址??,直接點(diǎn)擊訪問也可以。
    在右側(cè)release頁面選擇自己系統(tǒng)的版本下載安裝即可。
    [站外圖片上傳中...(image-e3e9d3-1649482074046)]
    安裝完成打開,軟件頁面大概就是這個樣子:
    [站外圖片上傳中...(image-ef2a61-1649482074046)]
    在連接格式可以自由選擇你想要的圖片鏈接格式,也支持剪切板圖片上傳,搭配Snipaste用起來簡直不要太棒??
  • 開始使用
    [圖片上傳失敗...(image-1bf7aa-1649482074046)]
    支持很多圖床,這里你需要哪個勾選哪個就可以,本文以Github為例。
    • 在Github新建一個倉庫,存放圖片資源,這個部分如果不會的話建議自行檢索。
    • 配置PicGO上Github倉庫
      [圖片上傳失敗...(image-1c4d69-1649482074046)]
      • 倉庫名就直接復(fù)制粘貼剛才新建的倉庫名就可以,復(fù)制下來把/符號兩邊的空格刪掉
      • [站外圖片上傳中...(image-23f622-1649482074046)]
      • 分支名:main
      • Token:setting--->開發(fā)者設(shè)置--->個人token--->創(chuàng)建新Token
        [站外圖片上傳中...(image-b5b739-1649482074046)]
        把生成好的Token復(fù)制粘貼進(jìn)來就可以
      • 存儲路徑(這是圖片在你Github倉庫的位置):img/
      • jsDelivr充當(dāng)CDN
        獲取CDN地址
        選取第一個地址規(guī)則,把user和后面的都刪掉改成你的倉庫名
        之前我沒有配置過這個域名,圖片傳上去打開博客能正常顯示,加上這個域名之后,掛梯子就打不開網(wǎng)頁了,我刪除規(guī)則之后能打開,但是之前用這個規(guī)則存儲的圖片所在的頁面是無法訪問的,所以?????

寫在結(jié)尾

至此,我們已經(jīng)完成整個圖床的搭建,可以開始快樂地玩耍了,后續(xù)我會再介紹基于圖床的其他用途(如有時間寫的話...)。如在搭建過程中有如任何問題也可以在評論區(qū)評論與我溝通哦~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容