h1

h2

h3

h4

h5

h6

Text i/b/code/s/mark/ins/sup/sub/abbr/kbd

*[word]: Text

Line Breaks br

Line 1 Line 2 Line 3

CJK: あおえ うい

Typography

• ellipsis ...
• single 'quotes'
• double "quotes"
• dash --
• symbols (c) (C) (r) (R) (tm) (TM) +-

Blockquote blockquote

paragraph

paragraph

nested

block

quotes

Link a

• github.com • https://github.com • https://github.com
• someone@email.com • someone@email.com
• inline
• referenced • referenced

List ul/ol/li

• ul
  • ul
    • ul

1. ol
2. ol
3. ol

Table table/thead/th/tbody/tr/td

Definition List dl/dt/dd

Type : Extension

Name : Markdown Viewer

Type

Extension

Name

Markdown Viewer

Task List

• task
• task

Footnotes

Something something¹

And something else², and a link³

Image img

Code Block pre

fenced code block using backticks

var foo = 'syntax highlighting using Prism.js'

%% Diagrams using Mermaid.js %%

sequenceDiagram
  Alice->>+John: Hello John, how are you?
  Alice->>+John: John, can you hear me?
  John-->>-Alice: Hi Alice, I can hear you!
  John-->>-Alice: I feel great!

Emoji

:smile:

MathJax

MathML math

When $a\ne 0$, there are two solutions to $a{x}^2+bx+c=0$ and they are $$x=\frac{-b\pm \sqrt{b^2-4ac}}{2a}\text{.}$$

Details details/summary

var code = 'block'

Custom Attributes

Check out this header id {#foo}

Styles

CSS

Underline

Link

• regular

• italic

• bold • bold italic

• code • code italic • code bold • code bold italic

Inline Code

• regular

• italic

• bold • bold italic

Blockquotes

regular

italic

bold

code

code bold

code bold italic

Strikethrough

• regular
• italic
• bold • bold italic
• code • code italic • code bold italic

code bold italic

Example Text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

The following is rendered as bold text.

The following is rendered as italicized text.

fenced code block using backticks

This is a blockquote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

• Nullam congue mollis metus
• Donec massa sapien
• Tristique ac metus sit amet

1. Nullam congue mollis metus
2. Donec massa sapien
3. Tristique ac metus sit amet