Skip to main content

Adding images

Images

Images that need to be show in the component library should be placed in a separate folder for each new page.

The Markdown file for this page is located here:

└── content
     └── moodle
         └── getting-started
            └── adding-images.md

To access images for this page create a new folder here.

└── static
     └── moodle
         └── getting-started
            └── adding-images

Place your images in this new folder:

└── static
     └── moodle
         └── getting-started
            └── adding-images
                ├── wildebeest-1200.jpg
                ├── kitten1.png
                └── kitten2.png

To use images use this syntax:

Syntax for markdown (.md) files:

{{< image "wildebeest-1200.jpg" "Image of a Wildebeest" "img-fluid" >}}

Rendered result on this page:

Image of a Wildebeest