README files If your repository contains a README.md file at the root level, Bitbucket displays its contents on the repository's Source page if the file has the.md extension. The file can contain Markdown and a restricted set of HTML tags. Last modified on Feb 2, 2021. Markdown and Visual Studio Code. Working with Markdown files in Visual Studio Code is simple, straightforward, and fun. Besides VS Code's basic editing, there are a number of Markdown specific features that will help you be more productive.

In this tutorial, we are going to learn about two different ways to add images to the GitHub README.md file.

First way

1. Open your GitHub repository and navigate to the images folder or the folder where your images are placed.

2. Click on the image you need to add to your README.md file.
3. Now, right-click on the image and select copy image address option.

A Readme f i le gives the user(who visits your repository) a brief idea about what the project is about, which language it has used, what are the terms and conditions, licensing, how many forks/stars the repository has got, what your project can do, screenshots of your running application, etc. To create a link between pages, type in the name of your link between brackets ' '. As you start typing, internal page link options will appear.The resulting Markdown will look like this:And end up looking like this Introduction to users! All headers include an anchor link. The format is #section.

4. At final, open your README.md file and use below markdown syntax to add an image.

In the above syntax, you need to add your copied image address inside parenthesis ().

Second way

1. Open your GitHub repository and click on the Issues tab.

2. Now, click on the New Issue button and drag and drop your image inside Leave a comment box.

Readme Formatting Table

3. Once the image is successfully uploaded you will get a markdown image syntax, just copy and paste it inside your README.md file.