Markdown Studio

Saved Documents

Upload Markdown File

Input

Output (Markdown Preview)

Custom CSS

Example Usage:

To change the color of all headings to blue and add a border to blockquotes, you can use:

                            
.markdown-body h1, .markdown-body h2, .markdown-body h3, 
.markdown-body h4, .markdown-body h5, .markdown-body h6 {
    color: blue;
    }
                    
.markdown-body blockquote {
    border-left: 4px solid #4a5568;
    padding-left: 1em;
    margin-left: 0;
    font-style: italic;
}

Copy this example into the textarea above and click “Apply Custom CSS” to see the changes.

Export Options

Markdown Cheat Sheet

Headers

# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6

Heading ID

## My Heading {#custom-id}

Paragraphs and Line Breaks

To create paragraphs, use a blank line to separate lines of text:

This is the first paragraph.
                                    
This is the second paragraph.

To create a line break without a paragraph, end a line with two or more spaces, then type return:
```
This is the first line. 
And this is the second line.
```
Note: The two spaces at the end of the first line are not visible but are important for the line break.
Alternatively, you can use the <br> HTML tag for line breaks:
```
This is the first line.<br>
And this is the second line.
```

Emphasis

*italic* or _italic_
**bold** or __bold__
***bold italic*** or ___bold italic___
~~strikethrough~~
**bold and _nested italic_**
~~**bold strikethrough**~~
~~*italic strikethrough*~~
~~***bold italic strikethrough***~~
==highlighted text==

Images

![Alt text](image.jpg "Optional title")

Lists

Unordered:

- Item 1
- Item 2
- Item 3

Ordered:

1. First item
2. Second item
3. Third item

Task Lists

- [ ] Unchecked task item
- [x] Checked task item
- [ ] Another unchecked task item

Definition List

Term
: Definition

Blockquotes

> This is a blockquote
> It can span multiple lines

Code

Inline code: `code`

Code block:

```
function example() {
  console.log("Hello, World!");
}
```

Horizontal Rule

--- or *** or ___

Tables

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Row 1, Col 1 | Row 1, Col 2 | Row 1, Col 3 |
| Row 2, Col 1 | Row 2, Col 2 | Row 2, Col 3 |

Emoji

:smile: :heart: :thumbsup:

Subscript

H~2~O

Superscript

X^2^

Footnotes

Here's a sentence with a footnote.[^1]
[^1]: This is the footnote.

Markdown Studio (1.3.1)