目錄
- 一、配置GitHub
- 1、新建公開倉庫
- 1.1、New repository
- 1.2、定義倉庫名稱,設定公開屬性
- 2、建立私人令牌(token)
- 2.1、個人頭像 --> Settings
- 2.2、左側列底部點選 Developer settings
- 2.3、選擇 Generate new token (classic)
- 2.4、密碼驗證
- 2.5、建立令牌
- 2.6、記事本記下token
- 1、新建公開倉庫
- 二、配置PicGo
- 1、PicGo下載地址
- 2、圖床設定
- 3、具體圖床引數配置
- 3.1、圖床配置名
- 3.2、設定倉庫名
- 3.3、設定分支名
- 3.4、設定Token
- 3.5、設定儲存路徑
- 3.6、設定自定義域名
- 三、測試
- 1、本地上傳圖片
- 2、相簿檢視
- 3、時間戳重新命名
- 四、Typora插入圖片實現自動上傳至PicGo(可選)
- 1、開啟 Typora 偏好設定
- 2、插入圖片選項選擇上傳圖片
- 3、上傳服務設定
一、配置GitHub
1、新建公開倉庫
1.1、New repository
1.2、定義倉庫名稱,設定公開屬性
2、建立私人令牌(token)
2.1、個人頭像 --> Settings
2.2、左側列底部點選 Developer settings
2.3、選擇 Generate new token (classic)
依此點選 Personal access tokens --> Tokens(classic) --> Generate new token --> Generate new token(classic)
2.4、密碼驗證
2.5、建立令牌
Note:標記作用,任意寫
Token 過期時間:為了安全性,不建議選擇永久
訪問許可權:選擇repo,對私有庫享有完全控制
2.6、記事本記下token
二、配置PicGo
1、PicGo下載地址
Molunerfinn/PicGo
依據自身的作業系統下載安裝軟體包
2、圖床設定
圖床設定 --> GitHub
3、具體圖床引數配置
3.1、圖床配置名
當前圖床的名稱,自定義
3.2、設定倉庫名
格式:使用者名稱/倉庫名
可以透過GitHub上建立倉庫頁的域名快速得到
# 例如我這邊的倉庫名就是
misakivv/Cloud-Image-Hosting
3.3、設定分支名
預設情況下均為 main 分支
3.4、設定Token
上面 一、2.6、儲存的Token
3.5、設定儲存路徑
存放至 Github 指定倉庫的哪個資料夾下
- 如果直接放到倉庫的根目錄下就不需要填寫這一欄
- 如果需要放到某個目錄下,格式:
/ - 當填寫的目錄不存在時,Github會自動建立對應目錄
3.6、設定自定義域名
這裡使用免費的CDN:jsDelivr
官網連結:jsDelivr - A free, fast, and reliable CDN for JS and open source
# https://cdn.jsdelivr.net/gh/:固定的字首,相當於替換掉了Github地址中的https://github.com/
# user:Github上的使用者名稱
# repo:倉庫名
# @version:版本號(這裡我們可以不管)
# file:檔名(這裡我們也不需要加上,因為上傳完圖片後,它會自動將上傳的圖片的名字作為儲存的檔名)
# 例如我這裡的填寫
https://cdn.jsdelivr.net/gh/misakivv/Cloud-Image-Hosting
這裡值得注意的是,如果需要指定上傳到哪個分支,此時需要在自定義域名後面使用@ + 分支名,如果是倉庫預設的分支,可以省略指定分支這一步。
eg:我需要上傳到 k8s 分支上,此時自定義域名就變成了:https://cdn.jsdelivr.net/gh/misakivv/Cloud-Image-Hosting@k8s
三、測試
上述配置完成後即可上傳本地圖片生成對應雲端平臺連結使用
1、本地上傳圖片
上傳區 --> 選擇GitHub圖床 --> 點選上傳
2、相簿檢視
3、時間戳重新命名
新增時間戳命名選項可以避免上傳相同圖片被覆蓋的情況
四、Typora插入圖片實現自動上傳至PicGo(可選)
需要將PicGo圖床的連結格式換成Markdonw格式才能實現功能
1、開啟 Typora 偏好設定
ctrl + , 快捷鍵
2、插入圖片選項選擇上傳圖片
3、上傳服務設定
- 上傳服務選擇 PicGo(app)
- PicGo 路徑為安裝 PicGo 目錄