Skip to main content

Images

If you need to insert an image to text, you need to:

  1. Add image to /static/assets.
  2. Add it to your page.

Add image to /static/assets catalog

There is some restrictions:

  • Docusaurus is case sensitive, keep correct naming including extensions.
    image1.png is not the same as image1.PNG
  • Do not use spaces in file names

Add it to your page

There are several ways to insert image.

  1. Simple. No alligning, no caption
  2. ![](</assets/image.png>)

    This will look like:
    Description

  3. Centered
  4. If we need to insert image as a separate object and center it, we can put this into tag called figure. Example:

    <figure>
    ![Description](</assets/image.png>)
    </figure>

    This will look like:

    Description

  5. Centered with caption
  6. If we need to add caption to centered image, we can add tag figcaption. Example:

    <figure>
    ![Description](</assets/image.png>)
    <figcaption>
    <p>This is a caption for image</p>
    </figcaption>
    </figure>

    This will look like:

    Description

    This is a caption for image