1. 程式人生 > 實用技巧 >Gitee + PicGo搭建圖床 & Typora上傳圖片到圖床

Gitee + PicGo搭建圖床 & Typora上傳圖片到圖床

本隨筆主要記錄如何使用 Gitee 搭建圖床,使用 PicGo 快速上傳圖片到 Gitee 倉庫,使用 Typora 記筆記時同步上傳圖片到 Gitee 倉庫。

1. 準備工具

沒有 Nodejs、PicGo、Typora 的小夥伴,自行安裝,下面主要說一下如何配置而已。

2. 建立Gitee倉庫

這步無需多說,沒有賬號的先建立賬號,然後建一個 公有 的倉庫。

比如建了一個 imgdepot 倉庫,記住此倉庫名,後面有用到。

3. 配置PicGo

1、在 PicGo 下的【外掛設定】中下載gitee外掛,我用的是 gitee-uploader 這一款。

2、在【PicGo設定】下我們可以搜到 gitee 圖床選項了,可以把其他圖傳的勾選框取消,簡潔些。

3、我們剛剛建立的 gitee 倉庫,注意在配置 gitee 的 repo 時,我們填入的是標紅的部分

4、填入對應的引數,token 在 gitee 的 設定中可找到,還沒有建立過 token 的,可新建一個,複製token到此處即可。

5、在 PicGo 上傳區拖入圖片,或者點選上傳選擇圖片。

6、在我們的相簿中就能檢視到我們剛剛上傳的圖片了,在gitee的圖床倉庫下也能看到剛剛上傳的圖片。

4. 配置Typora

1、在配置 Typora 時,還需要配置 PicGo 的 Server 內容。

2、開啟 Server,這裡的埠號需要對應到 Typora 中的上傳的埠號。

3、對應標紅處的設定,設定完後,點選【驗證圖片上傳選項】按鈕,驗證是否配置成功。

4、注意這裡標紅的地方,Typora使用的 36677 埠上傳圖片,這個埠需要跟上面第2步中的埠號一致。如圖所示,我們已經成功上傳圖片了。

5. 總結

搭建個人圖片已經成功了!

我們通過上面的設定,上傳的圖片都是 gitee 倉庫下對應圖片的 raw 路徑的,如下所示:

當然我們可以開啟 Gitee Pages 服務,通過 http://gitee使用者名稱.gitee.io/倉庫名/ + 對應的圖片路徑和名 來訪問到我們的圖片。

我們還是建議使用第一種的方式訪問圖片,因為後一種方式上傳圖片後需要重啟 Gitee Pages 服務,麻煩了些。

基於 Gitee 搭建的個人相簿,已經完成了,開始享受你的 Typora 記筆記和寫作之旅吧。