圖床利器PicGO

目錄

• 圖床利器PicGO
  • 簡介
  • 下載安裝
  • 設置GitHub圖床
  • 設置PicGo
  • 安裝Pic-migrater插件
  • 一鍵上傳和更改圖片鏈接

簡介

人如其名，PicGO是一款Windows下的圖床工具，支持多種圖床，這里我使用Typora+GitHub+PicGo實現解決Markdown圖片問題

Markdown復制時，圖片必須使用外鏈，才能正確顯示，這里使用PicGo上傳至GitHub圖床，PicGo不僅可以上傳單個圖片，還有各種插件可以實現附加功能。

PicGo

PicGo插件

下載安裝

PicGo

Node.js>=8

安裝程序默認會設置環境變量，運行cmd使用

node -v

npm -v

命令返回版本信息，則環境變量生效

如果命令不可用，說明環境變量未生效

設置GitHub圖床

• GitHub新建images倉庫

  點擊"New repository"按鈕，輸入Repository name等配置信息創建

• 生成Token用於給PicGo上傳到倉庫

  頭像下拉選擇Settings->Developer settings->Personal access tokens->Select scopes->Generate token

  記下生成的Token用於配置PicGo

設置PicGo

• 設置GitHub圖床

各參數含義：

• 設定倉庫名(用戶名/倉庫名稱)：Mungl3ean/images

• 設定分支名：master

  • 設定Token：上一步中生成的token

• 指定存儲路徑(相對倉庫根目錄)：images/（會在repo根目錄創建images文件夾）

  • 設定自定義域名：即圖片鏈接前綴(完整鏈接為 ……+倉庫名+分支名稱+圖片名)：此處填寫https://raw.githubusercontent.com/用戶名/RepositoryName/分支名

• 設置鏈接格式為Markdown

  

安裝Pic-migrater插件

migrater插件用於將你markdown文件里的圖片從一個地方遷移到另外一個圖床的PicGo插件。

可以使本地鏈接遷移到新圖床鏈接，也可以用於更換舊圖床鏈接到新圖床的鏈接。

• 搜索插件名稱后點擊安裝

  

• 配置插件

  

  

  newFileSuffix：設置生成新文件后綴

  include：：手動指定需要替換的圖片鏈接包含的字符

  exclude：：不包含哪些字符

一鍵上傳和更改圖片鏈接

設置好后，就可以選擇文件或選擇文件夾了，可以一鍵上傳md文件中的圖片到GitHub圖床並更改為圖床鏈接

最好在更改前對md文件進行備份

插件只支持![]()格式的圖片語法，對於<img >不能識別

Typora設置插入本地圖片時->復制圖片到文件夾指定本地圖片保存的文件夾即可，如果設置圖片根目錄產生的本地圖片相對路徑鏈接也不能識別。