PicGo+jsDelivr+GitHub搭建免費圖床,Typora使用圖床

tj發表於2020-11-22

Github配置

首先,建立一個GitHub賬號

然後新增一個倉庫

image-20201122224130915

image-20201122224954815

建立完後點頭像Setting

image-20201122225137600

然後點選Developer settings

image-20201122225451304

然後點選Personal access tokens

image-20201122225540312

點選Generate new token

image-20201122225847303

建立一個token

起個名字

勾選repo即可,當然也可以全勾選上

image-20201122230437466

image-20201122230946737

image-20201122231214751

PicGo配置

專案地址:Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder (github.com)

專案使用文件:快速上手 | PicGo

PicGo.exe的安裝包連結:https://share.weiyun.com/VfeEM4EC 密碼:e5iv76

使用方法:

image-20201122232242059

關於設定分支名,之前我一直寫的master,因為預設應該就是這個,但是我的GitHub預設不是

檢視自己的分支名方法:開啟你建立的倉庫

image-20201122232607702

jsDelivr配置

jsDelivr - A free, fast, and reliable CDN for open source

image-20201122233441228

在PicGo中,設定自定義域名填寫:

https://cdn.jsdelivr.net/gh/使用者名稱/倉庫名@分支名

然後就可以cdn加速GitHub的圖片了

PicTo上傳圖片

image-20201122233857468

上傳後可以選擇連結格式,

URL格式:https://i.iter01.com/images/b9dd26ab0798b8903d1d76cfbc84a3ea77ff9f86fbf6cc486a325c8f59c28d9b.png
md格式:![20201121194112](https://i.iter01.com/images/b9dd26ab0798b8903d1d76cfbc84a3ea77ff9f86fbf6cc486a325c8f59c28d9b.png)

20201121194112

設定建議開啟這兩個:

image-20201122233935865

外掛建議安裝這一個,增強的Github上傳功能,可以同步刪除倉庫的圖片

安裝外掛好像需要Node.js環境

image-20201122233954907

Typora使用圖床的配置

image-20201122234553921

然後在Typora中寫markdown時就可以直接複製圖片進來,然後PicGo就會彈出上傳圖片,返回一個圖片URL

相關文章