Written by Natasha L.
on October 04, 2022 - 4 mins read

Example Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt ornare nibh, non elementum augue tempus eget. Pellentesque tempus scelerisque iaculis. Nullam interdum ultricies nibh quis sollicitudin. Donec ornare fermentum facilisis. Ut at sem ac sem imperdiet varius a eget tortor. Nam eu augue eget orci semper maximus in eget augue. Mauris ornare, nisl ut suscipit consectetur, mi quam interdum tellus, at rutrum quam eros ultrices mi.

Headers

# H1
## H2
### H3
#### H4
##### H5
###### H6

H1

H2

H3

H4

H5

H6

Text formatting

- **Bold**
- _Italics_
- ~~Strikethrough~~
- <ins>Underline</ins>
- <sup>Superscript</sup>
- <sub>Subscript</sub>
- Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr>
- Citation: <cite>&mdash; Your Name</cite>

gives you:

Bold
Italics
~~Strikethrough~~
Underline
^Superscript
_Subscript
Abbreviation: HTML
Citation: — Your Name

Lists

1. Ordered list item 1
2. Ordered list item 2
3. Ordered list item 3

* Unordered list item 1
* Unordered list item 2
* Unordered list item 3

look like this:

Ordered list item 1
Ordered list item 2
Ordered list item 3

Unordered list item 1
Unordered list item 2
Unordered list item 3

Links

Check out tail on [GitHub](https://github.com/jitinnair1/tail).

give you this:

Check out tail on GitHub.

Images

![An image](url "Alt Text")

![Image with caption](url "Image with caption")
_This is an image with a caption_

An image

Image with caption This is an image with a caption

Code and Syntax Highlighting

Use back-ticks for inline code. Multi-line code snippets are supported too through. Specify the language after the back-ticks for language specific syntax highlighting.

```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```

which will give you syntax highlighting like this:

require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

To display line numbers in codeblocks, you can set them as an option in `_config.yml`

kramdown:
  syntax_highlighter: rouge
  syntax_highlighter_opts:
    block:
      line_numbers: true

Blockquotes

> Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

Horizontal Rule & Line Break

Use <hr> for horizontal rules like this

<hr>

gives you

and <br> for line breaks:

This <br> breaks the line

which will give you:

This
breaks the line

The end

← → Top