Post: Image (Standard)

mindre end 1 minutters læsning

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

Standard image with no width modifier classes applied.

HTML:

<img src="{{ site.url }}{{ site.baseurl }}/images/filename.jpg" alt="">

or Kramdown:

![alt]({{ site.url }}{{ site.baseurl }}/images/filename.jpg)

Unsplash image 9

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

HTML:

<img src="{{ site.url }}{{ site.baseurl }}/images/filename.jpg" alt="" class="full">

or Kramdown:

![alt]({{ site.url }}{{ site.baseurl }}/images/filename.jpg)
{: .full}

Unsplash image 10

Leave a Comment