Forem

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

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay