Learn to Code via Tutorials on Repl.it!

A Quick Guide to Repl.it Talk Markdown

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

Voters

168 more...

Comments

hot new top

Markdown

IS

very

super

REaLLY

extremely

~~good~~

in reality

truly

unquestionably

GREAT

Yes

is!
@Bookie0

lol @JBYT27

lol @Bookie0

@Bookie0 lol

@Bookie0 no rollricks permitted here

Wow. This is a lot of MD. @Bookie0 @JBYT27 @firefish

@anonymous360c ~~don't click the rickroll~~

Well, well this is a lot of MD. @Bookie0 @JBYT27

@firefish You mean rickricks or rollrolls?

@elburg eggrolls

@Bookie0 stickrolls

@elburg Rollick the Rickroll

@firefish Rickoll the Rollick the Rickroll

@elburg Give Rick Astley a Rollicking

@firefish the rickroll rickrolled the rickroll

@elburg LOL

@Bookie0 WOW

@catherine679767 lol

@Bookie0 im not clicking that link

@JULIODIAZ1 *asks innocently Why not? :)

@Bookie0 you click the link you get rickrolled

@Ponali no xD

@Ponali it's the FAKE Rickroll...

@ryanjbwang ok

@Bookie0

Boi

Got

~~rick~~

ROLLED!

@Bookie0 your joke rolled right past me

@Bookie0

We're no strangers to love

######You know the rules and so do I
######A full commitment's what I'm thinking of
######You wouldn't get this from any other guy
######I just wanna tell you how I'm feeling
######Gotta make you understand
######Never gonna give you up
######Never gonna let you down
######Never gonna run around and desert you
######Never gonna make you cry
######Never gonna say goodbye
######Never gonna tell a lie and hurt you
We've known each other for so long
Your heart's been aching but you're too shy to say it
Inside we both know what's been going on
We know the game and we're gonna play it
And if you ask me how I'm feeling
Don't tell me you're too blind to see
######Never gonna give you up
######Never gonna let you down
######Never gonna run around and desert you
######Never gonna make you cry
######Never gonna say goodbye
######Never gonna tell a lie and hurt you
######Never gonna give you up
######Never gonna let you down
######Never gonna run around and desert you
######Never gonna make you cry
######Never gonna say goodbye
######Never gonna tell a lie and hurt you
######Never gonna give, never gonna give
(Give you up)
We've known each other for so long
Your heart's been aching but you're too shy to say it
Inside we both know what's been going on
We know the game and we're gonna play it
I just wanna tell you how I'm feeling
Gotta make you understand
Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye
Never gonna tell a lie and hurt you
Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye
Never gonna tell a lie and hurt you
Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye

Woaw
~~Noice~~

Function noiceinfo(){
console.log("supernoice");
}```

@Bookie0 # lickroll ickroll

@ShyamBabu1 nah I like python

def noiceinfo():
  print('supernoice')

@PikachuB2005 ok XD

@firefish lol

@B1gB0i no no no you have a spray paint can profile picture too oh dear god

@firefish waht

@B1gB0i you have amasad's profile picture... the spraypaint cans are spreading

@firefish ik but i like it too!

@Bookie0 !(get rickrolled) [https://www.youtube.com/watch?v=oHg5SJYRHA0]

@B1gB0i you may, but you mustn't let the spraypaint cans spread

@firefish oh ok but i changed it

@firefish @B1gB0i alright that's enough with the pings pls :)

@Bookie0 ooo

@B1gB0i ik you like it.... actually, keep it...

@Bookie0 g

@firefish fine

@B1gB0i don't copy pfps lmao

@firefish enough with pings now I think :)

@firefish yup dont do it jk im gonna change it rn https://www.bing.com/th?u=https%3a%2f%2ftse2.mm.bing.net%2fth%3fid%3dOIP.9EFQE4140VmNp9zu7JLIyQAAAA&ehk=svCky8W51iHeFuJQVZbpbiYDjh2QMgQy0g4ReNYxqT0%3d&w=193&h=160&c=2&rs=1&pid=AppEx

@Bookie0 g

is the magic workin

edit: ok it is

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

lol @ThisUserTaken

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

@JBYT27

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

@SqueezyS

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

@JBYT27
Syntax error on line 3

@SqueezyS

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

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

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

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

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

NOICE

@Leroy01010 https://www.youtube.com/watch?v=a8c5wmeOL9o

lol i pressed da link @elburg

@Leroy01010 lol

@elburg lol

@B1gB0i ~~lmao~~

lol

Markdown Cheat Sheet

by Jack Snowdon from Cardboard Constructs™

Text

you can tyoe wahtever you want into the code and it will automatically display

Lame and boring text

and you will recieve the following output:

Lame and boring text

Headings

type the number of hashes equalling the siz of the header:

# A Heading
## A Heading
### A Heading
#### A Heading
##### A Heading
###### A Heading

you will get the following output:

A Heading

Text Styles

you can surround text with * for italic, you can surround with ** or surround it with ~ for a strikethrough

*Italic*
**Bold**
~Strikethrough~

you will recieve the following output:

Italic
Bold
~Strikethrough~

Lists

you can make a list by typing a + symbol followed by the list item

+ a list item
+ yet another list item

and you will recieve the following output:

a list item
yet another list item

Links

you can either type in the URL and that will work or you can get custom text by typeing the text in square brackets then in parenthesis type the URL

https://Cardboard-Constructs.dobbob11.repl.co
###### or you can type
[my website](https://Cardboard-Constructs.dobbob11.repl.co)
###### for custom text

you will get the following output:

https://Cardboard-Constructs.dobbob11.repl.co

or you can type

my website

for custom text

[========]

Images

you type an ! plus in square brackets you can tyoe the alt text so that when a page reader pmes along and then the imag url in parenthesis

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

and you will recieve the following output:

Code Blocks

you can create an inline code block (one line) by surrounding the code with backticks

`code`

and you will recieve the following output:

code

or you can make a multiline code block by surrounding the code with three backticks

```code```

Blockquotes

to create a blockquote, add a > at the start of each line

>a blockquote

and you will recieve the following output

a blockquote
to end a blockquote leave a blank line
Horizontal Rules
you can insert a horizontal rule by typing three asterisks
***
and you will recieve the following output

header

body

@elburg reply
lol

@ryanjbwang HTML Text

@elburg ?

Spam

how do you do numbered lists?

@ErrorbotTHE2nd
1.
2.
3.

@elburg That makes complete sense!

@LifiedaDoggo yes

so useful. thank you very much for posting this

wow i finally know how to write like that

but i will go and do some programing stuff

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

@VictorVillavice This isn't code lol, its just markdown. (also, I know you can use HTML with github md, but idk about here)

@VictorVillavice LaTeX isn't supported, try exporting it to an image.

How do I underline in repl.it?

The markdown page has a link to the Markdown page.

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

ls;

hhhh

....

@KadenBlox hhhh

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

https://repl.it/join/uhxpkgsq-mohammadchmani

At least I can do it.

Cool

*__~__*~~

~~OOF~~ @ivanchang309

@Leroy01010 I think i broke it

~~mega oof~~ @ivanchang309

@Leroy01010 --extreme ooooof--

@ivanchang309 er... wot? (idk what that is srry)

thanks!

🆒

Yes, Thank you @amasad.

Very useful!

Young sire we all found this useful

@LoganKwan

Acquire the sire

@Leroy01010

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

hmmmmmm @elburg

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

@Leroy01010 k

How do you do emojis?

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

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

@elburg What about chromebooks?

@LifiedaDoggo

@elburg Thanks!

@LifiedaDoggo no problem

@elburg wat abt school chromebook xd

@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.)

@elburg ok mine is 87.0.4280.109

@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 no

@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.

@elburg k thxxx

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

@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.

@elburg thanks bro

@gavinwinsagain a

Well, this bug report is no more...

ello

‘$ node index.js’

‘node index.js

‘dir()’

$ node index.js

’’markdown’’

welcome
or bye

yeah