Using Raw Images in GitHub and Hugo in Compatible Fashion

We need raw images
Tags:

1 minute read

This tutorial teaches how to add images on GitHub and use them in your markdown file that can be rendered in Hugo and markdownon GitHub.

Contents

Keywords: github

Steps

  1. Upload your image to GitHub in the images directory

  2. Click on the image file and then right click on it and click Open image in new tab

  3. Use the URL shown in the address bar of the new tab to paste into the markdown file.

  4. When using the file, please add a caption; also, if it is copied, make the citation which should point to the reference section

![database sample](https://github.com/cybertraining-dsc/cybertraining-dsc.github.io/raw/main/content/en/docs/tutorial/reu/github/images/images-download.png)

**Figure 2:** Sample Database file obtained from the USGS
water-quality database for the year 2017 [^1]

## Refernces

[^1]: HERE COMES THE CITATION OF THE IMAGE
Last modified August 15, 2021 : fix images tutorial (385031c9)