Github+PicGo搭建個人免費圖床

misakivv發表於2024-12-08

目錄
  • 一、配置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
  • 二、配置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

image-20241208200957103

1.2、定義倉庫名稱,設定公開屬性

image-20241208201624888

2、建立私人令牌(token)

2.1、個人頭像 --> Settings

image-20241208201951416

2.2、左側列底部點選 Developer settings

image-20241208202324531

2.3、選擇 Generate new token (classic)

依此點選 Personal access tokens --> Tokens(classic) --> Generate new token --> Generate new token(classic)

image-20241208202700365

2.4、密碼驗證

image-20241208203005339

2.5、建立令牌

Note:標記作用,任意寫

Token 過期時間:為了安全性,不建議選擇永久

訪問許可權:選擇repo,對私有庫享有完全控制

image-20241208203558114

image-20241208204003566

2.6、記事本記下token

image-20241208204202986

二、配置PicGo

1、PicGo下載地址

Molunerfinn/PicGo

依據自身的作業系統下載安裝軟體包

image-20241208205038844

2、圖床設定

圖床設定 --> GitHub

image-20241208205529981

3、具體圖床引數配置

image-20241208210908968

3.1、圖床配置名

當前圖床的名稱,自定義

3.2、設定倉庫名

格式:使用者名稱/倉庫名

可以透過GitHub上建立倉庫頁的域名快速得到

# 例如我這邊的倉庫名就是
misakivv/Cloud-Image-Hosting

image-20241208211340755

3.3、設定分支名

預設情況下均為 main 分支

image-20241208211433483

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

image-20241208210423943

這裡值得注意的是,如果需要指定上傳到哪個分支,此時需要在自定義域名後面使用@ + 分支名,如果是倉庫預設的分支,可以省略指定分支這一步。

eg:我需要上傳到 k8s 分支上,此時自定義域名就變成了:https://cdn.jsdelivr.net/gh/misakivv/Cloud-Image-Hosting@k8s

三、測試

上述配置完成後即可上傳本地圖片生成對應雲端平臺連結使用

1、本地上傳圖片

上傳區 --> 選擇GitHub圖床 --> 點選上傳

image-20241208214145279

2、相簿檢視

image-20241208214425844

3、時間戳重新命名

新增時間戳命名選項可以避免上傳相同圖片被覆蓋的情況

image-20241208213952255

四、Typora插入圖片實現自動上傳至PicGo(可選)

需要將PicGo圖床的連結格式換成Markdonw格式才能實現功能

image-20241208220626544

1、開啟 Typora 偏好設定

ctrl + , 快捷鍵

image-20241208215529021

2、插入圖片選項選擇上傳圖片

image-20241208220450006

3、上傳服務設定

  • 上傳服務選擇 PicGo(app)
  • PicGo 路徑為安裝 PicGo 目錄

相關文章