To use images in your Doctocat site:
Add an images
folder in the root of your docs site
Add any images you'd like to use in the images
folder
In the file you'd like to use an image in, import the image using a relative path:
import DemoImage from '../images/demo-image.png'
src
value in an img tag:<ImageContainer><img src={DemoImage} alt="a description of your image"/></ImageContainer>
Make sure to use the alt
attribute to describe your image for assistive technology, or use the Caption
component
If you run into any problems with Gatsby building the site and not being able to find your image path try the following:
./cache
folder and rebuilding