Markdown cheatsheet

What you type What will be published
# Header 1
## Header 2

And so on up to 6.

Header 1

Header 2

Another 2

Another 1

Return once starts a new line.
Return twice (blank line) starts a new paragraph.

*Italics*
**Bold**
~~Strikeout~~
==Mark==
%red% Colored Text %%
%#ACBDEF% Colored Text Hex %%
!>Spoiler

Color list (opens new page, save your work first!)
Italics
Bold
Strikeout
Mark
Colored Text
Colored Text Hex
Spoiler
!~ Simple Underlined Text ~!
!~red; Underlined Text With Color ~!
!~green;double; Underlined Text Plus Style ~!
!~blue;default;line-through; Underlined Plus Type ~!
!~orange;default;default;7; Underlined Text Plus Thickness ~!

%violet% !~green; Combine With Text Color ~! %%
!~violet; %green% Works The Other Way Too %% ~!

Underline tags can be given 4 options, separated by a semi-colon ;
  • color : default | color name | #hexcode
  • style : default | solid (default) | double | dotted | dashed | wavy
  • type : default | underline (default) | line-through | overline | both
  • thickness : number from 1-10. Measured in pixels.
Simple Underlined Text
Underlined Text With Color
Underlined Text Plus Style
Underlined Plus Type
Underlined Text Plus Thickness

Combine With Text Color
Works The Other Way Too

-> Centered text <-
-> Right-aligned ->

Also works for images and ### -> Headers <-
Centered text Right-aligned
[TOC]

Generates Table of Contents from # Headers.
[TOC2] - From h2 to h6.
[TOC3] - From h3 to h6, and so on up to 6.
- Bulleted list item a
- Bulleted list item b
    - Nested item b1

Nested lists use 4 spaces or 1 tab.

An asterisk (*) can be used instead of a dash.
  • Bulleted list item a
  • Bulleted list item b
    • Nested item b1
1. Numbered list item
2. Numbered list item
    1. Nested list item
    2. Nested list item
  1. Numbered list item
  2. Numbered list item
    1. Nested list item
    2. Nested list item
- [ ] Checkbox 1
- [x] Checkbox 2
  • Checkbox 1
  • Checkbox 2
[//]: (comment here)

Adding [//]: () to a line will comment it out, so that it does not appear when viewing the page.

>> How to use quotes in Markdown?
> Just prepend text with >

How to use quotes in Markdown?

Just prepend text with >

``` python
s = "Triple backticks ( ``` ) generate code block"
print(s)
```

For the list of supported languages see the langs page.
1
2
s ="Triple backticks ( ``` ) generate code block"
print(s)
Single backtick generates `inline code` Single backtick generates inline code
***

Horizontal rule, <hr>

\*not italics\*

To produce a literal asterisk or any symbol used in Markdown, use backslash to escape it.
*not italics*
Header | Header
------ | ------
Cell   | Cell
Cell   | Cell

Columns can be aligned to the right with --: and centered with :--:.

Center | Right
:----: | ----:
Cell   | Cell
Cell   | Cell
Header Header
Cell Cell
Cell Cell


Center Right
Cell Cell
Cell Cell
!!! note Admonition title
    Admonition text

Main types: info, note, warning, danger. Defaults to warning.

Additional types: greentext
!!! info
    Title or text can be skipped

Admonition title

Admonition text

Title or text can be skipped

Autolinks:
https://rentry.co/ or rentry.co
Autolinks:
https://rentry.co/ or rentry.co
Link description:
[Markdown paste service](https://rentry.co)

Be sure to include the "http(s)://" part of the link.
Link description:
Markdown paste service
![Alt Tag](https://i.imgur.com/PYV4crq.png)

![Alt Tag](https://i.imgur.com/PYV4crq.png){100px:100px}

![Alt Tag](https://i.imgur.com/PYV4crq.png "Title")

![Alt Tag](https://i.imgur.com/PYV4crq.png#left)

Be sure to include direct link to the image.
Alt tag shows if image fails to load.
Title tag controls mouseover text separely from Alt.
Add #left or #right to the image to float it.
Image sizes can be given with the following units:
  • px : 0 - 4000
  • % : 0 - 500 (note: percentage height often does not do anything)
  • vw : 0 - 500 (percentage of the vertical size of the page)
  • hw : 0 - 500 (percentage of the horizontal size of the page)
  • no units: numbers used as pixels
Note that this will only change the visual size of the image. A 4MB image at 50x50px will still slow down the page!

Images can be links by wrapping them:
[![Alt Tag](https://i.imgur.com/PYV4crq.png)](https://rentry.co)

Create a Youtube image link by coping the part after v= into the static image link:
[![Alt Tag](https://img.youtube.com/vi/xyz/hqdefault.jpg){300px:200px}](https://youtube.com/watch?v=xyz)
Alt Tag

Alt Tag

Alt Tag

Alt Tag

Alt Tag
Float Clear:

!;

Makes all following content sit below a previous image float. Useful to fix broken layouts after adding a float. Make sure to leave an empty line above.