Guys! In this quick tutorial, I'll be showing you how to make your posts pretty using Markdown styling!
First we'll learn about headers. A header starts with a hash symbol
# followed by a space:
# A header
Headers can be a variety of sizes. A smaller header starts with more hash symbols. The number of hash symbols can be 1 to 6:
#### A header with 4 hash symbols
A header with 4 hash symbols
Alternatively, you can also "underline" a text with
- to produce headers
First header (Same as # First header) -------------- Second header (Same as ## Second header) ===========
You can make italic, bold or
Put the text between a pair of
_ to make it italic.
*italic text* _also italic_
_ on both sides of text to make it bold.
**bold text** __also bold__
You can also do a
strikethrough by putting two tildes (
~) on each side:
It's ok to mix up those stylings:
**_~~bold, italic and strikethrough~~_**
bold, italic and strikethrough
There's two kind of lists in Markdown: unordered (bulleted) and ordered (numbered). Since repl.it talk Markdown doesn't support ordered lists (sadly), we'll only deal with unordered lists.
An unordered list item starts with either a
- followed by a space:
* this + that - and stuff
- and stuff
Use indentations of 2 spaces to make sublists
* list item * sublist item * yet another sublist item
- list item
- sublist item
- yet another sublist item
Just paste the URL and it'll work:
If you want custom link text, try this:
The Markdown syntax for images is pretty simple:
Wait... what if my image is stored in my computer? It doesn't have a URL!
Well, repl.it provided an easy way to upload images. All you need is to click the select files button below to upload it. After that, you'll see the Markdown code for your image in the text box.
And finally, code!! Inline code and code blocks are widely used in repl.it talk since repl.it talk is a platform for coders to share.
Wrap a pair of backticks (
`) around text to make a span of code (inline code):
`$ node index.js`
$ node index.js
To indicate a block of code, put three backticks (
```) at both the start and end of your code:
``` This is a code block. Everything here is monospaced. ```
This is a code block. Everything here is monospaced.
Additionally, repl.it supports code block syntax highlighting, which is pretty useful for emphasizing readability.
Just put the language name (or its short form) after the three backticks:
```js while (true) console.log("MARKDOWN IS AWESOME!!!"); ```
while (true) console.log("MARKDOWN IS AWESOME!!!");
To do blockquotes put a
> before each line of the block:
> Timchen is the greatest and > we should praise him
Timchen is the greatest and
we should praise him
Don't forgot to leave a blank line after each blockquote!
A horzontal rule (a line that separates content) can be made of either three asterisks (
*) or underscores (
There's a horizontal rule below *** There's a horizontal rule above
There's a horizontal rule below
There's a horizontal rule above
That's all what I can teach in this very tutorial. Start using Markdown to style your posts, and find more about it!
Orginally posted (then deleted) by JSer. I revived because we link to it in the app