Typora+PicGo-Core+Github實現圖床


為了防止 Typora 編輯的 MarkDown 文檔在復制到其他地方出現圖片丟失的問題,我采用了 PicGo-Core+GitHub 實現圖床的功能。

說明

  1. Typora軟件版本為:0.9.98
  2. 需安裝 node.js 環境,可自行百度。
  3. 系統為 Windows 10

GItHub倉庫設置

新建倉庫

像下圖一樣操作,注意一定要是 Public,並且 Add a README file

image-20210120154228025

生成token

GitHubSettings/Developer settings 中選擇 Personal access tokens生成 token,這個 token 是用來給 PicGo-Core 訪問你的 GitHub 並且上傳圖片的。

image-20210120154523922

安裝 PicGO-Core

安裝 PicGo-Core 有兩種方法,第一種方法比較簡單,但下載速度比較慢,第二種比較快,但配置比較麻煩。

第一種方法

下載安裝

直接在 Typora偏好設置->圖像 的上傳服務中選擇 PicGo-Core(command line)然后點擊 下載或更新 ,等待下載即可。

image-20210120150141664

配置PicGo-Core

安裝好之后,還需要下載上傳 GitHub 的插件 github-plus,這一步不是必須的,但是官方提供的 GitHub 上傳圖床功能並不好用,嫌麻煩可以不進行這一步。

點擊圖中的 驗證圖片上傳選項,這是 Typora 通過上傳兩種圖片來驗證上傳功能是否正確,在這里是用來找到 PicGo-Core 的安裝位置。

image-20210120151129221

下圖中的 C:\Users\micror\AppData\Roaming\Typora\picgo\win64\picgo.exe 就是 PicGo-Core 的安裝路徑。

image-20210120151114127

打開 cmd,運行

cd C:\Users\micror\AppData\Roaming\Typora\picgo\win64

然后運行命令

picgo install github-plus

即可安裝。

image-20210120152311260

第二種方法

下載安裝

確保已經安裝好了 node.js,直接打開 cmd 中運行 npm install picgo -g,等待安裝即可。

輸入命令查看版本,如果有輸出則添加成功。

picgo -v

配置PicGo-Core

安裝成功后,繼續輸入

picgo install github-plus

等待即可安裝 github-plus

同時還需要在 Typora 中配置圖像設置,選擇 Custom Command

image-20210120153627775

Typora圖像配置

image-20210120160633693

設置 PicGo 的配置

無論是用哪種方法安裝的 PicGo-Core ,它的配置文件都在一個地方,都可以用下面的方法打開,或者直接打開配置文件路徑 C:\Users\用戶名\.picgo\config.json

如下圖所示,分為2個步驟:

  1. 上傳服務選擇PicGo-Core(command line)
  2. 打開配置文件,在打開的配置文件,添加相關信息。

image-20210120155137791

{
 "picBed": {
   "uploader": "githubPlus",
   "current": "githubPlus",
   "githubPlus": {
     "branch": "main",// 倉庫的分支
     "customUrl": "https://cdn.jsdelivr.net/gh/用戶名/倉庫名@latest", // 訪問的自定義url
     "origin": "github", // 存放的圖片類型
     "repo": "用戶名/倉庫名", // 存放圖片的倉庫
     "path": "images",// 倉庫中存放圖片的文件夾,也可以不填
     "token": "" // 訪問github的倉庫的token,就是一開始生成的
   }
 },
 "picgoPlugins": {
   "picgo-plugin-github-plus": true // 啟用github-plus插件
 }
}

上面的 customUrl,在這里我是使用了 jsdeliver cdn 進行加速訪問,如果不知道是什么,就直接按照我的配置設置,或者不填。

第一種方法

image-20210120160228513

第二種方法

其中的命令為

...\node.exe C:\Users\micror\AppData\Roaming\npm\node_modules\picgo\bin\picgo  upload

它的格式是:node.exe的路徑+ 空格 +picgo的路徑+ 空格 +upload

image-20210120160324517

測試配置

點擊驗證圖片上傳選項,如果顯示驗證成功,則表示配置成功。

image-20210120160723950

image-20210120160914247

圖片重命名上傳

picgo-plugin-rename-file 插件可以幫我們按照一定的規則將文件進行重命名,防止上傳錯誤,具體設置請看picgo-plugin-rename-file

輸入命令安裝:

picgo install rename-file

安裝完成后,打開picgo的配置文件C:\Users\用戶名\.picgo\config.json末尾最后一個大括號前添加下面的配置信息。

,
"picgo-plugin-rename-file": {
    "format": "{y}/{m}/{d}/{hash}-{origin}-{rand:6}"
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM