The ultimate Markdown tutorial
As you probably found out or already knew, the first thing that hits your viewers is the look/design of your posts. Today I'll show you how to use the Markdown language and create nicer posts.
1. Introduction
Markdown is a lightweight markup language with plain text formatting syntax.
It is often use to format different text files like readme files or online forum posts.
2. What will you learn here
In this tutorial I will show you how to use and create headings, lists, text styles, block quotes, code and more.
3. The actual tutorial
Below we'll start the tutorial.
3.1 Headings
There are two ways you can create headings, first is by using the heading code or the # sign.
Example:
<h1> This is the biggest heading </h1>
This is the biggest heading
This is how you use it's own code and it can go from <h1> which is the biggest to <h5> which is the smallest.
# This is the biggest heading
This is the biggest heading
Now for the # you can use from # up to ##### for the smallest text.
3.2 Lists
To create an ordered list you can add 1. on any row
1. First
1. Second
1. Third
- First
- Second
- Third
For an unoredered list you can use one of those 3 signs * - +
- steemit is awesome 1
- steemit is awesome 2
- steemit is awesome 3
- steemit is awesome 1
- steemit is awesome 2
- steemit is awesome 3
3.3 Text styles
Italic text can be created in two ways.
*This text is italic*
This text is italic
_This text is italic too_
This text is italic too
Same as the italic text, bold can be done in two ways.
**This text is bold**
This text is bold
__This text is bold too__
This text is bold too
3.4 Blockqutoes
If you want to quote someone you can do it like this.
>My blockquote
My blockquote
You can go even further and do this
>>A quote in another quote
A quote in another quote
Even further
>>>A quote in another quote that's already in a quote
A quote in another quote that's already in a quote
Another nice trick
>Ady
>>Was
>>>Here!
Ady
Was
Here!
3.4 Code
Every example from above was created using the code tag to show you how the code needs to be when you want to create something, if you want to add something as a code you need to use the tag "dot" which is ` , use it before and after the text you want to have inside a code block.
-> dot here I am writing code here <- and here.
A block of code on more then 1 row can be created using 3 times the symbol above and under the text, 1 row above and under using this ``` .
3.5 Other things
We're almost done with this tutorial, I want to tell you 1 more thing, if you want to center text or images you can use the tag
<center> Your text or link goes here to be centered </center> and don't forget to close the tag at the end
Now that you know how to format your posts you are ready to post so go on and create some great posts.
Posted on Utopian.io - Rewarding Open Source Contributors