Image
Markdown
You can include an image using standard markdown:
This will output the following:
Image component
Alternatively, you can use the image component to add a caption to the image.
{% include image.html image="https://picsum.photos/id/231/800/800" alt="An example image" caption="An example image caption" %}
This will output the following:
Image component ratio
By default the images will display at 16x9 ratio. This can be overridden by passing in the width and height (from 1 to 16) into the include.
{% include image.html image="https://picsum.photos/id/231/800/600" width="4" height="3" alt="An example image" caption="An example image caption" %}
This will output the following (a 4 by 3 ratio image):