Learn to Code via Tutorials on Repl.it!

← Back to all posts
A Quick Guide to Repl.it Talk Markdown
h
amasad (3267)

Guys! In this quick tutorial, I'll be showing you how to make your posts pretty using Markdown styling!

Headers

First we'll learn about headers. A header starts with a hash symbol # followed by a space:

# A header

Output:

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

Output:

A header with 4 hash symbols

Alternatively, you can also "underline" a text with = or - to produce headers

First header (Same as # First header)
--------------
Second header (Same as ## Second header)
===========

Text Styles

You can make italic, bold or strikethrough text.
Put the text between a pair of * or _ to make it italic.

*italic text*
_also italic_

Output:
italic text
also italic

Put two * or _ on both sides of text to make it bold.

**bold text**
__also bold__

Output:
bold text
also bold

You can also do a strikethrough by putting two tildes (~) on each side:

~~strikethrough~~

Output:
strikethrough

It's ok to mix up those stylings:

**_~~bold, italic and strikethrough~~_**

Output:
bold, italic and strikethrough


Lists

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 *, + or - followed by a space:

* this
+ that
- and stuff

Output:

  • this
  • that
  • and stuff

Use indentations of 2 spaces to make sublists

* list item
  * sublist item
  * yet another sublist item

Output:

  • list item
    • sublist item
    • yet another sublist item

Links

Just paste the URL and it'll work:

https://repl.it

Output:
https://repl.it

If you want custom link text, try this: [link text](URL):

[Repl.it](https://repl.it)

Output:
Repl.it


Images

The Markdown syntax for images is pretty simple: ![alt text](URL):

![Repl.it logo](https://repl.it/public/images/icon-square.png)

Output:

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.


Code

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`

Output:
$ 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.
```

Output:

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!!!");
```

Output:

while (true) 
  console.log("MARKDOWN IS AWESOME!!!");

Blockquotes

To do blockquotes put a > before each line of the block:

> Timchen is the greatest and
> we should praise him

Output:

Timchen is the greatest and
we should praise him

Don't forgot to leave a blank line after each blockquote!


Horzontal rules

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

Output:
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

Comments
hotnewtop
Bookie0 (5662)

Markdown

IS

very

super

REaLLY

extremely

good

in reality

truly

  • unquestionably

GREAT


ThisUserTaken (235)

is the magic workin

edit: ok it is

while True:
  print("The magic is workin")
JBloves27 (1520)

lol @ThisUserTaken

something=True
while something:
  print("Yes it is!")
SqueezyS (35)

@JBYT27

therockiscooking=True
if therockiscooking:
  print('Can you smell what the rock is cooking?')
else:
  print('The rock is cooking nothing, go home')
JBloves27 (1520)

@SqueezyS

something=True
while something:
  print("yes! hahahahaha')
SqueezyS (35)

@JBYT27
Syntax error on line 3

JBloves27 (1520)

@SqueezyS

#i will fix it
a=True
while a:
  print('it works!')
Ponali (1)

@ThisUserTaken `js
function checkifworks(){
if (themagicisworking){
itworks()
}
}

function itworks(){
// wait did i really check?
// oh well i need to do it again.
checkifworks()
}

ryanjbwang (5)

@Ponali 3 backticks and Start on a new line, please.

#As you can see, Markdown can be a little confusing.

Name12 (159)

so useful. thank you very much for posting this

VictorVillavice (11)

Thank you...how does one add LaTex or math equations..I tried MathJax syntax or another but it does not create equations...

ryanjbwang (5)

The markdown page has a link to the Markdown page.

WHY!?!?!??!!??!!??!?!!?

SilvermoonCat (375)
#ooh does this work
print("hi")
hi = input("I'm trying this")
print("python is nice")
ReyesP (23)

At least I can do it.

19georgew (5)

Yes, Thank you @amasad.

Very useful!

Leroy01010 (415)

Young sire we all found this useful

@LoganKwan

elburg (36)

HELPFUL: If you want to insert a special character, then check out this link

Leroy01010 (415)

cool also helpful cuz i need to do minor edits to do a few things in wiki @elburg

KrazyOrange (25)

How do you do emojis?


elburg (36)

@KrazyOrange if you use windows 10, just push Win + .
EDIT: macOS X & 11 users use command + control + space

KrazyOrange (25)

Thanks! I thought that there was some special kinda code/symbol to type in. xP
@elburg

LifiedaDoggo (4)

@elburg What about chromebooks?

zhaq6129 (49)

@elburg wat abt school chromebook xd

elburg (36)

@zhaq6129 it should be the same...

Go to chrome://version and look at the first line. That's the version. What version is Chrome OS at?

(For reference my Chromebook is stuck at 86.0.4240.199.)

zhaq6129 (49)

@elburg ok mine is 87.0.4280.109

elburg (36)

@zhaq6129 ok 1st, hit reply and right click on the text box. if "emoji" is there, then it is available by default. 2nd, is Flash still available?

elburg (36)

@zhaq6129 all right, go into the system menu on the taskbar, hit accessibility, hit on screen keyboard, open it up, and hit the smiley face.

ryanjbwang (5)

@KrazyOrange If everything else doesn't work, search google and then you can copy & paste.

elburg (36)

@zhaq6129 Actually i just recently found out a developer flag that gives you an emoji option in the context menu. just go to chrome://flags search for "IME" or "Emoji". but Emojis should be in the context menu nevertheless.

LukeWright (23)
while (true) 
  console.log("MARKDOWN IS AWESOME!!!");
SilvermoonCat (375)

MARKDOWN

for

THE

win

Thank you
for this helpful
guide

!!


brooc210 (7)

Note: you got it wrong because

Header 2
=====

gives Header 1
and

Header 1
-----

gives Header 2

PriyankaSingh11 (27)

any idea of purple text???!!!!!

SJB523 (0)

Awsome Tutorial

best parts:

  • bold
  • _italic-
  • strikethrough