Example Post Formatting With Images
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
- List Item
- Longer List Item
- Nested OL Item
- Another Nested Item
- 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="">