DEV Community

Rodrigo Juarez for Coding Coach

Posted on

1 2

Using screenshots in markdown with VS Code

Original post in spanish

This post is about using Visual Studio Code to include screenshots in markdown files, so you can publish your files without upload the images or change the links (something sometimes you can't do at all)

For that we are going to use Imgur and a VS Code extension called vscode-imgur

Installing vscode-imgur

  • We can install it from the Extensions panel in VS Code, searching for vscode-imgur

  • We need to configure the Imgur credentials

  • With your VS Code window active, you can paste an image in your clipboard using CTRL + ALT + V, this command will upload our image to Imgur and will add the link in our markdown file

  • The first time we use it, we will be redirected to the Imgur for confirmation. Copy the provided pin and paste it in VS Code

Image

Image

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay