Jekyll Basic Styling Output

In jekyll Adding styling to html output is very easy and simple.

In order to specify additional attributes to output in the html on the element, you start it with:
{: }

To specify a class it is
{:.MyClass}
To Specify a id it is
{:#myId}
To Specify a title attribute it is
{:title="my title"}

Below are some specific example

markdown
{:.Nip-h2}
This will be styled as a p tag with the css class Nip-h2

html
<p class="Nip-h2">This will be styled as a p tag with the css class Nip-h2</p>

List :

1. Bulleted Lists

code:-

• first item
• second item
• third item

Result:-
● first item.
● second item.
● third item

2. Oreder Lists

code:-

1. first item
2. second item
3. third item

result:-

1. first item
2. second item
3. third item