GitHub+jsDelivr+PicGo搭建快速免費圖床


轉載自 https://segmentfault.com/a/1190000020240864

一、前言

 1.用 markdown 寫博客,想插入一些圖片,如果采用本地存儲方式,上傳博客時插入的圖片路徑就找不到了,所以需要將圖片上傳至圖床生成 URL,直接在markdown 引入url。

2.現在國內用的各種圖床,例如,微博圖床、七牛雲、又拍雲、騰訊雲COS、阿里雲OSS等都需要收費,Imgur又有限制。

3. 使用GitHub倉庫創建一個圖床,存在的問題是國內訪問github的速度不是很快,可以利用jsDelivr CDN加速訪問(jsDelivr 是一個免費開源的 CDN 解決方案)國內該平台是首個「打通中國大陸與海外的免費CDN服務」,網頁開發者無須擔心中國防火牆問題而影響使用。

二、配置Github倉庫

創建一個github倉庫,專門存放上傳的圖片。

1. 新建一個倉庫,命名為img(可以隨便取)

2. 生成Access token:Setting-->Developersettings-->Personal access tokens,填入token描述,自己用的話scopes可以全選(其實只要repo即可)。

三、配置PicGo,使用jsDelivr的CDN

下載PicGo軟件,安裝。下載路徑:https://github.com/Molunerfin...

打開PicGo進行配置

將剛才在Github上創建的倉庫名和分支名填入設置中,生成的Token復制到配置中,這三個是必填的。

指定存儲文件夾的路徑,PicGo上傳文件的時候,將自動在github倉庫中創建此文件夾。注意末尾要加 / ,否則會並到圖片名中去。

自定義域名:這個很有用,如果設置了自定義域名,PicGo生成的訪問鏈接,將是【自定義域名+文件名】的拼接方式。因為我們需要使用jsDelivr加速訪問,所以將自定義域名設置為【https://cdn.jsdelivr.net/gh/用戶名/圖床倉庫名 】。

當然PicGo還有許多配置,不懂可以看看PicGo提供的文檔,https://picgo.github.io/PicGo...

四、愉快使用

首先作一些個性設置,由於我經常使用markdown,所以將圖片引用格式改成了markdown格式,PicGo設置-->自定義鏈接格式。

上傳圖片會自動將鏈接復制到粘貼板,支持批量復制和刪除,還可以使用快捷鍵Ctrl+Shift+P從粘貼板上傳,簡直不要太爽。

當然,它也有點缺點:不能在客戶端刪除圖片、不能設置密碼。

五、其他

1. 界面很好看,有點像VS Code,原來也是Electron開發的,有空可以自己改改。

2. 高級功能中的PicGo-Server看起來也挺有趣的。

3. VS Code 中有個PicGo插件,可能還不錯。

 

 

參考鏈接:

1. https://segmentfault.com/a/1190000020240864 

2. http://www.blossomingmay.com/blog/2019-08/如何在自己的github搭建圖床/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM