vs-picgo (VSCode Plugin of PicGo)

Guide book can also be found on PicGo/vs-picgo.

The VSCode extension of PicGo.

Overview

vs-picgo is a VSCode extension for uploading images to a remote image hosting service and insert the url into current active MarkDown file. It's much more efficient than other tools. And it can give us better experience of uploading images. vs-picgo supports 8 kinds of image hosting services, weibo, qiniu, tcyun, upyun, github, aliyun, imgur, SM.MS, supported by PicGo-Core.

Uploading an image from clipboard

Uploading images from explorer

Uploading images from input box

Selection as image name

Notice: These characters: \$, :, /, ? and newline will be ignored in the image name. (Because they are invalid for file names.)

Settings

out of box
- We could use vs-picgo without any setting.
- The default image hosting is SM.MS.
custom

BIG NEWS: from 2.0.0, We can customize the settings in VSCode settings
- Use an external configuration file
  
  Enter the path of the configuration file
- Use VSCode settings
  
  First, choose the current PicBed
  
  Then, input all the info the current PicBed needs
  
  Customize the name of the image to be uploaded
  Notice: If you selected some text before uploading, the selection will become the fileName of the image to be uploaded.
  
  Customize the output format of the uploaded image
  
  Suggested settings for PicGo-electron users (See PicGo configuration path for more information):
  
  Notice: YOUR_HOME_DIR should be replaced by the path of current user path.
```
// Windows
{
    "picgo.configPath":"YOUR_HOME_DIR\\AppData\\Roaming\\PicGo\\data.json",
    "picgo.dataPath": "YOUR_HOME_DIR\\AppData\\Roaming\\PicGo\\data.json"
}

// macOS
{
    "picgo.configPath": "YOUR_HOME_DIR/Library/Application Support/picgo/data.json",
    "picgo.dataPath": "YOUR_HOME_DIR/Library/Application Support/picgo/data.json"
}

// Linux
{
    "picgo.configPath": "YOUR_HOME_DIR/.config/picgo/data.json",
    "picgo.dataPath": "YOUR_HOME_DIR/.config/picgo/data.json"
}
```
  picgo.configPath and picgo.dataInfoPath can be set in vscode settings
  
  In this way:
  1. vs-picgo will use the same configuration as PicGo-electron.
  2. PicGo-electron will display all the uploaded images by vs-picgo in its gallery.