Example

Published on

Mermaid

sequenceDiagram
    participant A as Alice
    participant J as John
    A->>J: Hello John, how are you?
    J->>A: Great!

Emphasis

**bold** _italics_ ~~strikethrough~~ ==mark==

bold italics strikethrough ==mark==


Headers

# H1

## H2

### H3

#### H4

##### H6

###### H7

H1

H2

H3

H4

H5
H6

Lists

- Generic list item
- Generic list item
- Generic list item

1. Numbered list item
2. Numbered list item
3. Numbered list item
  • Generic list item
  • Generic list item
  • Generic list item
  1. Numbered list item
  2. Numbered list item
  3. Numbered list item

Links

<http://www.example.com>

[Open in same tab](http://www.example.com)

[Open in new tab](tab:http://www.example.com)

Or use the heading id (the slugified name of the header) as an internal link...

[Internal link](#headers)

http://www.example.com

Open in same tab

Open in new tab

Or use the heading id (the slugified name of the header) as an internal link…

Internal link


Linebreaks

Adding a single line break will not be rendered as a line break.

Here's some text.
Here's some more text.

Here’s some text. Here’s some more text.

To add a single line break use a \ or two spaces at the end of the line.

Here's some text.\
Here's some more text.

Here’s some text.
Here’s some more text.


Quotes

> This is a quote.
> It can span multiple lines!

This is a quote. It can span multiple lines!


Tables

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |

Or without aligning the columns...

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |
Column 1 Column 2 Column 3
John Doe Male
Mary Smith Female

Or without aligning the columns…

Column 1 Column 2 Column 3
John Doe Male
Mary Smith Female

Displaying code

var example = "hello!";

Or spanning multiple lines…

var example = "hello!";
alert(example);

Footnotes

Here is a simple footnote,1 and here is a longer one.named-note

Then at the bottom of your post…


  1. This is the first footnote.

  2. Here is another one.