less than 1 minute read

The preferred way of using images is placing them in the /assets/images/ directory and referencing them with an absolute path. Prepending the filename with /assets/images/ will make sure your images display properly in feeds and such.

Standard image with no width modifier classes applied.

HTML:

or Kramdown:

Unsplash image 9

Image that fills page content container by adding the .full class with:

HTML:

or Kramdown:

{: .full}

Unsplash image 10