Markdown Guide

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

## Horizontal Rules

-----

_____

*****

## Emphasis

**This is bold text**

__This is bold text__

*This is italic text*

_This is italic text_

~~Strikethrough~~

## Tables

|Trial|Result|
|-----|------|
|1|Fail|
|2|Fail|
|3|Success|

Right aligned columns

|Trial|Result|
|------:|-----------:|
|1|Fail|
|2|Fail|
|3|Success|

## Lists

- Unordered
- Create a list by starting a line with `+`, `-`, or `*`
- list
	- With nesting too
- end

1. Ordered
2. list
	1. With nesting

Start numbering with offset:

57. foo
1. bar

## Typographic replacements

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test... test..... test?..... test!....

!!!!!! ???? ,, -- ---

## Blockquotes

> Blockquotes can also be nested...
>> ...by using additional greater-than signs right next to each other...
> > > ...or with spaces between arrows.

## Code

Inline `code`

Indented code

	// Some comments
	line 1 of code
	line 2 of code
	line 3 of code


Block code "fences"

```
Sample text here...
```

Syntax highlighting

```js
var foo = function (bar) {
	return bar++;
};

console.log(foo(5));
```

## Links

[link text](https://bots.ondiscord.xyz)

[link with title](https://bots.ondiscord.xyz "title text!")

Auto-converted link https://bots.ondiscord.xyz

## Images

![Discord Logo](https://discord.com/assets/fc0b01fe10a0b8c602fb0106d8189d9b.png)
![No text logo](https://discord.com/assets/2c21aeda16de354ba5334551a883b481.png "Discord")

Like links, Images also have a footnote style syntax

![Alt text][d-logo]

[d-logo]: https://discord.com/assets/fc0b01fe10a0b8c602fb0106d8189d9b.png  "Discord Logo"

Images with a specific size:

![Discord Logo](https://discord.com/assets/fc0b01fe10a0b8c602fb0106d8189d9b.png =200x100)

## Emoji

> Classic markup: :thinking: :tada: :laughing: :star:
>
> Shortcuts (emoticons): :-) :-( 8-) ;)

See a full list here: [Full emoji list (big)](https://github.com/markdown-it/markdown-it-emoji/blob/master/lib/data/full.json)

## <mark>

Here's some ==marked text==

## Abbreviations

This is an HTML abbreviation example.

It converts "HTML", but keeps intact partial entries like "xxxHTMLyyy" and so on.

*[HTML]: Hyper Text Markup Language

## Keyboard

Press [[Shift]]+[[A]] to open

## Attributes

Add class to element {.tag .is-info}

Add styles to **element**{style="font-family: monospace; background-color: black; color: white"}

Add data attribute to element: ==Inspect this in your dev tools=={data-marked}

## Heading Anchors

[This will take you to the Links section](#links)

## Containers

::: block
This is a **default** container. It allows you to create divs for styling.

Just create a style for `.block.default`
:::

::: info
This is an **info** container.

It contains normal markdown like [link](https://bots.ondiscord.xyz), `code`, [[kbd]], and ==mark==.

```js
console.log('test')
```

1. Lists
2. too
:::

::: success
This is a **success** container.

It contains normal markdown like [link](https://bots.ondiscord.xyz), `code`, [[kbd]], and ==mark==.

```js
console.log('test')
```

1. Lists
2. too
:::

::: warning
This is a **warning** container.

It contains normal markdown like [link](https://bots.ondiscord.xyz), `code`, [[kbd]], and ==mark==.

```js
console.log('test')
```

1. Lists
2. too
:::

::: danger style="margin-left: 20px"
This is a **danger** container.

It contains normal markdown like [link](https://bots.ondiscord.xyz), `code`, [[kbd]], and ==mark==.

It also uses a style tag that sets the left margin.

```js
console.log('test')
```

1. Lists
2. too
:::

::: question How do containers work?

This is a **question** container. You can use it for frequently asked questions or something.

To change the label for your container just type the markdown text after the container type.
:::

::: spoiler Click to reveal spoiler
This is a **spoiler!**

A spoiler is a special type of block that is initially hidden.
:::

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Horizontal Rules




Emphasis

This is bold text

This is bold text

This is italic text

This is italic text

Strikethrough

Tables

Trial Result
1 Fail
2 Fail
3 Success

Right aligned columns

Trial Result
1 Fail
2 Fail
3 Success

Lists

  • Unordered
  • Create a list by starting a line with +, -, or *
  • list
    • With nesting too
  • end
  1. Ordered
  2. list
    1. With nesting

Start numbering with offset:

  1. foo
  2. bar

Typographic replacements

© © ® ® ™ ™ § § ±

test… test… test… test?.. test!..

!!! ??? , – —

Blockquotes

Blockquotes can also be nested…

…by using additional greater-than signs right next to each other…

…or with spaces between arrows.

Code

Inline code

Indented code

// Some comments
line 1 of code
line 2 of code
line 3 of code

Block code "fences"

Sample text here...

Syntax highlighting

var foo = function (bar) {
	return bar++;
};

console.log(foo(5));

link text

link with title

Auto-converted link https://bots.ondiscord.xyz

Images

Discord Logo No text logo

Like links, Images also have a footnote style syntax

Alt text

Images with a specific size:

Discord Logo

Emoji

Classic markup: 🤔 🎉 😆 ⭐

Shortcuts (emoticons): 😃 😦 😎 😉

See a full list here: Full emoji list (big)

<mark>

Here's some marked text

Abbreviations

This is an HTML abbreviation example.

It converts "HTML", but keeps intact partial entries like "xxxHTMLyyy" and so on.

Keyboard

Press Shift+A to open

Attributes

Add class to element

Add styles to element

Add data attribute to element: Inspect this in your dev tools

Heading Anchors

This will take you to the Links section

Containers

This is a default container. It allows you to create divs for styling.

Just create a style for .block.default

Info

This is an info container.

It contains normal markdown like link, code, kbd, and mark.

console.log('test')
  1. Lists
  2. too

Success

This is a success container.

It contains normal markdown like link, code, kbd, and mark.

console.log('test')
  1. Lists
  2. too

Warning

This is a warning container.

It contains normal markdown like link, code, kbd, and mark.

console.log('test')
  1. Lists
  2. too

Danger

This is a danger container.

It contains normal markdown like link, code, kbd, and mark.

It also uses a style tag that sets the left margin.

console.log('test')
  1. Lists
  2. too

How do containers work?

This is a question container. You can use it for frequently asked questions or something.

To change the label for your container just type the markdown text after the container type.

Click to reveal spoiler

This is a spoiler!

A spoiler is a special type of block that is initially hidden.

Tip: You can click on tags to see a bot's description for that tag.