— layout: post title: “Images” date: 2016-07-01 16:25:06 tags: images jekyll

description: Sample post showing how to use images

Introduction

This theme supports two types of images:

{% highlight html %} {% raw %} Widget({{ '/assets/images/batWid1.png' | relative_url }}) {% endraw %} {% endhighlight html %}

'/assets/images/deer.jpg' | relative_url }}){: .center-image }(°0°)

{% highlight html %} {% raw %} '/assets/images/deer.jpg' | relative_url }}){: .center-image }(°0°) {% endraw %} {% endhighlight html %}

You can apply your own styles to image by creating css class with style:

{% highlight css %} .custom-image-style { /* your style */ } {% endhighlight css %}

And then applying your style just after the image in curly brackets with colon:

{% highlight html %} {% raw %} [!image](path to image){:.custom-image-style} {% endraw %} {% endhighlight html %}