github做的圖床,原理是利用github API實現的在線上傳,就一個頁面,css和js都是集成在頁面,相關信息保存在瀏覽器緩存中,配置一下即可使用
效果演示:
github在線圖床
打開網站填寫下列信息
github用戶名:用戶名
倉庫名:做圖床的專用倉庫的名稱
分支名稱:分支名稱
存儲路徑:上傳到的目標倉庫位置的路徑,不填則上傳到根目錄,填一個不存在的則會新建,開頭和結尾不需要/分割,
github訪問令牌:token,沒有的話可以點擊創建令牌新建
點擊保存配置是將配置保存在瀏覽器中,清除瀏覽器緩存后必須重新設置
上傳成功后是這樣,圖片會重新命名,會默認返回jsdelivr的CDN地址,并且自動復制在剪切板,
想要使用該圖床需具備下面要求
1.一個專門用作圖床的github倉庫
隨便創建一個就行,不用開啟pages,專門用來做圖床使用
2.創建1個github token
創建一個token,權限可以自己斟酌,小白可以全選上
3.在頁面將信息保存即可使用
在網站填寫信息保存,即可開啟上傳之旅
支持自定義,fork本項目至自己倉庫,使用netlify部署,并搭配自定義域名即可實現自己的在線圖床,參考文章:netlify加速github pages
項目資源全部集成在html中,fork后可自行修改,比如利用cloud flare的數據庫做成可登錄的,或者設置密碼只能本人使用
等等。。。相信廣大網友的diy能力應該很強
項目地址:github地址