Example Post Formatting With Images

January 04, 2013 | 2 Minute Read

This post talks about formatting and markup in jekyll. This is the intro paragraph of a post.

<figure>
	<img src="/assets/img/touring.jpg" alt=""> 
	<figcaption>Fig1. - This is an example figcaption</figcaption>
</figure>

Kaperij lanterne rouge musette rund um koln bruges thor smash. Nyvelocity pyrenees vande velde merckx.

Code Snippet

{% highlight bash%}

code goes here

{% endhighlight%}

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is an example blockquote in jekyll.

This is normal text without paragraph.

## Unordered List
* List Item
* Longer List Item
  * Nested List Item
  * Nested Item
* List Item

## Ordered List
1. List Item
2. Longer List Item
    1. Nested OL Item (4--spaces)
    2. Another Nested Item
3. List Item

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

Unordered List

• List Item
• Longer List Item
  • Nested List Item
  • Nested Item
• List Item

Ordered List

1. List Item
2. Longer List Item
   1. Nested OL Item
   2. Another Nested Item
3. List Item

Definition List

Coffee

Black hot drink

Milk

White cold drink

You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes! To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext.

Code Snippets:

Jekyll also offers powerful support for code snippets: Add linenos at the beginning after the name of programming language if you want to include line number. example: ruby, bash, cpp, etc.

#{-%- highlight python -%-}
#clear all the dashes.
#{-%- endhighlight -%-}

1
2
3
4
5
def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Obaida')
#=> prints 'Hi, Obaida' to STDOUT.

Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo.

Simple Image:

Code:

<img src="/assets/img/touring.jpg" alt="">