轉載自 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搭建圖床/
