Adding media to post and doc content

Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra turpis.

Adding images

To add an image to a post or page use the following codes: Local image from /uploads/ directory:

{% include image.html img="girl.jpg" alt="Alt for image" caption="Girl on a rock" %}

External wide image with lightbox:

{% include image.html img="" lightbox="true" alt="Alt for image" caption="Image in lightbox" %}

Uploads folder location can be changed in _config.yml.


{% include slideshow.html gallery="slideshow-1" %}

The gallery attribute refers to a folder inside your uploads folder, all images in slideshow-1 folder will be displyed in slideshow. Uploads folder location can be changed in _config.yml.

Responsive Videos

Embed local videos:

<video controls playsinline uk-video="automute: true">
    <source src="" type="video/mp4">
    <source src="" type="video/ogg">

Embed YouTube videos:

<iframe src=";showinfo=0&amp;rel=0&amp;modestbranding=1&amp;playsinline=1" width="600" height="340" frameborder="0" allowfullscreen uk-responsive uk-video="automute: true"></iframe>

Adding table of contents to docs