教程參考

Typora+PicGo-Core(command line)+Gitee實現圖片上傳到圖床 主要借鑑 picgo 操作命令

Typora + PicGo + Gitee 實現圖片自動上傳到圖床 主要借鑑 gitee 圖床的搭建

使用 Gitee 搭建自己的圖床 主要借鑑 Gitee Pages 服務的開啟

軟體配置

1. Jopin配合Typora才是最佳搭檔, 配置如下

工具–>選項

2. 驗證

新建筆記, 然後ctrl + E快捷鍵呼叫Typora編輯器來使用

編寫完成後,關閉Typora建立, 還要記得關閉呼叫， 點選”停止“

1. node 環境準備

下載安裝

https://nodejs.org/dist/v14.17.4/node-v14.17.4-x64.msi
 

2. 使用 node 安裝 PicGo-Core

// npm 命令執行速度過慢的話，我們可以使用一下淘寶的映象 
npm install -g picgo --registry=https://registry.npm.taobao.org

// 安裝完成以後測試一下是否安裝成功
picgo -v

3. 使用 picgo 命令安裝 gitee-uploader 外掛

picgo install gitee-uploader
picgo install super-prefix

4.建立 Gitee賬號和令牌

建議選擇國內網站,這樣網速有保證
(假設已經建立了Gitee的賬號)

設定私人令牌

複製儲存好自己的私人令牌

5.Typora設定上傳服務

點開啟配置檔案

6. 完整的配置檔案

以下是參照 PicGo-Core官方文件 的進行的配置

首先我們需要找到我們的配置檔案，picgo 的預設配置檔案在不同系統的目錄不太一樣：
linux 和 macOS 均為 ~/.picgo/config.json
windows 則為 C:\Users\{你的使用者名稱}\.picgo\config.json

{
  "picBed": {
    "current": "gitee",
    "gitee": {
      "repo": "ilangel/markdown-images",
      "branch": "master",
      "token": "74068fdb49c84fccb4d92481d1e3cdb9",
      "path": "img",
      "customPath": "",
      "customUrl": "https://gitee.com/ilangel/markdown-images/raw/master/"
    },
    "uploader": "gitee",
    "transformer": "path"
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
	   "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2021-08-11 12:48:27"
  },
  "picgo-plugin-super-prefix": {
    "fileFormat": "YYYYMMDD-HHmmss"
  } //super-prefix外掛配置  
}
 

注意：配置完成後可以點選 驗證圖片上傳選項 來測試是否配置成功

7.對本地圖片上傳

對位於本地的所有圖片，右鍵點選上傳圖片。

當然也可以批量上傳

8. 解決 檔案大於1M，登入後可見 的問題

按照步驟 1-6 我們確實成功地配置了一個免費好用的 Gitee圖床，簡單使用也沒有什麼問題。可是當我們上傳的圖片大小超過 1M 後：OMG，圖片無法正常顯示，在瀏覽器中開啟圖片的地址，直接跳轉到 Gitee 登入介面，並且出現出現了很扎心的 檔案大於1M，登入後可見 文字的提示。關鍵是這個檔案大小限制還沒有辦法解決，涼涼！！！

涼涼？不存在的！ 俗話說：辦法總比困難多。我們訪問 git 倉庫中檔案的方式並不是只有一種，更何況它只是一些靜態的資源檔案。所以是不是隻要我們想辦法配置一個簡單的HTTP服務就可以了。問題迎刃而解：Gitee 官方給我們提供了一種供部落格 / 門戶 / 開源專案網站 / 開源專案靜態效果演示用途的 Git Pages服務。

8.1 開啟 Git Pages 服務

1. 進入到閣下 Gitee 圖床 所在倉庫的頁面，找到 服務 -> Gitee Pages

2. 無需修改任何配置。直接點選 啟動按鈕，等待服務啟動完畢即可。

8.2 更新圖片訪問的路徑

當我們的 圖床倉庫 開啟 Git Pages 服務後，就會得到一個專屬的網站地址，格式為：“ 個人空間地址.gitee.io/倉庫名” 。

例如：http://zi1.gitee.io/pic，則我們訪問該圖床中的靜態資原始檔的路徑為 http://zi1.gitee.io/pic + 倉庫中檔案的可見路徑。

比如：你的倉庫中的 picture 目錄下的 1.jpg 的圖片檔案： picture/1.jpg，則我們訪問該圖片的路徑為：http://zi1.gitee.io/pic/picture/1.jpg

9. 開啟 Git Pages 後完整的配置檔案

{
  "picBed": {
    "current": "gitee",
    "gitee": {
      "repo": "ilangel/markdown-images",
      "branch": "master",
      "token": "74068fdb11114fccb4d92481d111111b9",
      "path": "img",
      "customPath": "",
      "customUrl": "https://gitee.com/ilangel/markdown-images/raw/master/"
    },
    "uploader": "gitee",
    "transformer": "path"
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2021-08-11 02:45:59"
  },
  "picgo-plugin-super-prefix": {
    "fileFormat": "YYYY-MM-DD_HH:mm:ss"
  } //super-prefix外掛配置
}