Typora+PicGo設定GitHub圖床

故丨是發表於2020-10-03

平時在寫筆記或部落格時,一般都會插入圖片,由於Typora的圖片只能儲存在本地,變動圖片就會訪問不到了,所以需要圖床的存在。以下講解如何使用 Typora配置PicGo,以及PicGo結合GitHub圖床,實現直接上傳圖片到GitHub。

準備

Typora下載安裝

PicGo下載安裝

GitHub賬號註冊與倉庫建立

準備裡沒有可說的,不會自己想辦法。

軟體設定

GitHub Tokens生成

  • 登入進入Github首頁

  • 點選右上角的頭像,選擇【Settings】在這裡插入圖片描述

  • 進入Settings後,點選左側下方的【Developer settings】在這裡插入圖片描述

  • 網頁跳轉後,選左邊的【Personal access tokens】,點選【Generate a personal access token】在這裡插入圖片描述

  • 【Note】裡填寫為什麼建立這個Token,可隨意填寫,下方勾上【repo】即可,在這裡插入圖片描述
    然後滑到最下方點選【Generate token】在這裡插入圖片描述

  • 然後會生成一條Token資訊,生成的Token只會出現一次,記得複製儲存。在這裡插入圖片描述

Typora設定

開啟Typora,點選左上角選單欄的【檔案】,點選彈出框裡下方的【偏好設定】
在這裡插入圖片描述
開啟頁面,左側選擇【圖象】,影像裡的設定按下設定:

  • 設定插入圖片時為【上傳圖片】
  • 勾選【對本地位置的圖片應用上述規則】
  • 在上傳服務中選擇【PicGo(app)】
  • 在路徑中選擇【PicGo安裝目錄PicGo.exe】
    在這裡插入圖片描述

PicGo設定

開啟執行PicGo,左側開啟【圖床設定】,選擇【GitHub圖床】。
引數設定說明:

  • 倉庫名:表示遠端倉庫地址,固定格式 Github使用者名稱/倉庫名,前期準備用到的倉庫
  • 分支名:表示分支,預設填入master,需要根據自己Github上的分支進行填寫,看個人設定
  • Token:填入Github中生成的Token,就是讓複製儲存的那個
  • 儲存路徑:可以自定義一個檔案路徑
  • 自定義域名:建議使用https:cdn.jsdelivr.net/gh/Github使用者名稱/倉庫名
    最後記得【設為預設圖床】
    在這裡插入圖片描述

驗證圖片上傳

在Typora偏好設定的那個介面,點選左下的【驗證圖片上傳選項】,一般還會出現以下兩種情況:

  • Failed to fetch在這裡插入圖片描述

  • 解決辦法:開啟【PicGo設定】,點選【設定Server選項】,在這裡插入圖片描述
    將埠改為【36677】埠,這是PicGo推薦的預設埠號,然後儲存,成功。在這裡插入圖片描述

  • “success”:false在這裡插入圖片描述

  • 解決方法:開啟【PicGo設定】,將【時間戳重新命名】開啟在這裡插入圖片描述
    此時再去驗證圖片上傳便會返回驗證成功,如下所示:在這裡插入圖片描述
    就已經設定搭建好了,可以使用了。

相關文章