Markdown Examples
Basic formats
Line breaks & paragraphs
Kirbytext automatically converts single line breaks and paragraphs.
My first line
My second line
Another paragraph
Headlines
Headline 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Headline 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Headline 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Headline 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Bold Text
The quick brown fox jumps over the lazy dog
Italic Text
The quick brown fox jumps over the lazy dog
Unordered Lists
The Simpsons:
- Homer
- Marge
- Bart
- Lisa
- Maggie
Ordered Lists
The Simpsons:
- Homer
- Marge
- Bart
- Lisa
- Maggie
Horizontal Rules
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Quotes
Design is not just what it looks like and feels like.
Design is how it works.
– Steve Jobs
Code Blocks
<?php
// awesome code example
?>
Links
Link without link text:
or
wikipedia.org
Link with link text:
Wikipedia
Open link in a new window
Wikipedia
Link with a title
Wikipedia
Link with a custom CSS class
Relative links
To link to any page of your site, you can simply use relative links without typing the entire URL. This will make sure, links won't break when you move your site to a different domain or when you are testing your site locally.
neues-gymnasium-ruesselsheim.de/docs/getting-started
neues-gymnasium-ruesselsheim.de/blog/text-formatting-101
Email Addresses
Kirby will automatically encrypt your email addresses, so they won't be that easy to be parsed and misused by spam bots.
Email without link text
or
bastian@getkirby.com
Email with link text
Send me an email
Email with a title
Send me an email
Email with a custom CSS class
Phone numbers
Linked phone number:
+49621123456789
Linked phone number with custom text:
+49 621 123 456 789
Linked phone number with custom text and class:
Tables
You can create tables by assembling a list of words and dividing them with hyphens - (for the first row), and then separating each column with a pipe |.
For aesthetic purposes, you can also add extra pipes on the ends.
First Header | Second Header |
---|---|
Content Cell | Content Cell |
Content Cell | Content Cell |
Finally, by including colons : within the header row, you can define text to be left-aligned, right-aligned, or center-aligned. A colon on the left-most side indicates a left-aligned column; a colon on the right-most side indicates a right-aligned column; a colon on both sides indicates a center-aligned column.
Left-Aligned | Center Aligned | Right Aligned |
---|---|---|
col 3 is | some wordy text | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
Media (Images, Videos and Files)
For further information related to including images, videos or other files, see getkirby.com/docs/content/text#images.