[tutorial] GitHub + PicGo + VSCode Extension

Before You Start

Make sure you have following:

  • A Github Token with access to your repo
  • A repo to store images

GitHUb

Generate GitHub Token

  1. Go to Settings/Developer settings/Personal access tokens/Token (classic)
  2. Click Generate new token (classic)
  3. Set a name for the token to identify it easily and choose No expiration
  4. Select the required scopes for the token

image
image
image
image
image

Set Up Repo

To ensure your images are accessible, set your repo to public.

VScode Extension

  1. Install PicGo extension in VScode
  2. Set Pic Bed: Current to github
  3. Set Pic Bed > Github: Repo to your previously created public repo. Format is {username}/{repo_name}
  4. Set Pic Bed: Uploader to github
  5. Set Pic Bed > Github: Branch to the branch of your public repo
  6. Set Pic Bed > Github: Path (Optional). If you want to store images in specific folder (e.g. images). Make sure to include a trailing slash (/), otherwise, it will be used as a prefix for image names
  7. Set Pic Bed > Github: Token to the Github token you created earlier

image
image
image

Troubleshooting

If you see the following error, it means xclip is not installed:

1
PicGo: xclip not found! Please install xclip before run picgo.

To fix this, install xclip using the following command:

1
sudo apt install xclip

[tutorial] GitHub + PicGo + VSCode Extension

https://hsiangjenli.github.io/blog/tutorial_github_picgo_vscode/

Author

Hsiang-Jen Li

Posted on

2025-01-29

Updated on

2025-02-09

Licensed under