Inital Page To Hello World

Headers

1
2
3
4
5
6
7
8
# H1
## H2
### H3
#### H4
##### H5
###### H6
### Duplicate Header
### Duplicate Header

H1

H2

H3

H4

H5
H6

Duplicate Header

Duplicate Header

Paragraphs

1
2
3
4
This is a paragraph.
I am still part of the paragraph.

New paragraph.

This is a paragraph. I am still part of the paragraph.

New paragraph.

Inline

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
`inline block`

<kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>del</kbd>

**bold 1** and __bold 2__

*italic 1*  and _italic 2_

~~strike~~


***bold 1 and italic 1***

___bold 2 and italic 2___

__*bold 2 and italic 1*__

**_bold 1 and italic 2_**


~~*strike italic 1*~~ and *~~strike italic 2~~*

~~_strike italic 2_~~ and  _~~strike italic 2~~_


~~**strike bold 1**~~ and **~~strike bold 1~~**

~~__strike bold 2__~~ and __~~strike bold 2~~__


~~***strike italic 1 bold 1***~~ and ***~~strike italic 1 bold 1~~***

~~___strike italic 2 bold 2___~~ and ___~~strike italic 2 bold 2~~___

**~~*strike italic 1 bold 1*~~** and *~~**strike italic 1 bold 1**~~*

__~~_strike italic 2 bold 2_~~__ and _~~__strike italic 2 bold 2__~~_

**~~_strike italic 2 bold 1_~~** and _~~**strike italic 2 bold 1**~~_

__~~*strike italic 1 bold 2*~~__ and *~~__strike italic 1 bold 2__~~*

inline block

ctrl+alt+del

bold 1 and bold 2

italic 1 and italic 2

strike

bold 1 and italic 1

bold 2 and italic 2

bold 2 and italic 1

bold 1 and italic 2

strike italic 1 and strike italic 2

_strike italic 2_ and strike italic 2

strike bold 1 and strike bold 1

__strike bold 2__ and strike bold 2

strike italic 1 bold 1 and strike italic 1 bold 1

___strike italic 2 bold 2___ and strike italic 2 bold 2

strike italic 1 bold 1 and strike italic 1 bold 1

_strike italic 2 bold 2_ and __strike italic 2 bold 2__

_strike italic 2 bold 1_ and strike italic 2 bold 1

strike italic 1 bold 2 and __strike italic 1 bold 2__

Footnote, reference sources are provided in separate markdowns files specified in frontmatter.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
[Reference Link][1]

Footnotes[^1] have a label[^label] and a definition[^!DEF]

Web image
![Web Picture](http://www.revolunet.com/static/parisjs8/img/logo-revolunet-carre.jpg "Web Picture")

Local image
![Local Picture](logo-revolunet-carre.jpg "Local Picture")

contact@revolunet.com

@revolunet

Issue #1

https://github.com/revolunet/sublimetext-markdown-preview/

This is a link https://github.com/revolunet/sublimetext-markdown-preview/.

This is a link "https://github.com/revolunet/sublimetext-markdown-preview/".

With this link (https://github.com/revolunet/sublimetext-markdown-preview/), it still works.

    [1]: https://github.com/revolunet/sublimetext-markdown-preview/
    [^1]: This is a footnote
    [^label]: A footnote on "label"
    [^!DEF]: The footnote for definition

[Reference Link][1]

Footnotes[^1] have a label[^label] and a definition[^!DEF]

Web image Web Picture

Local image Local Picture

www.google.com

contact@revolunet.com

@revolunet

Issue #1

https://github.com/revolunet/sublimetext-markdown-preview/

This is a link https://github.com/revolunet/sublimetext-markdown-preview/.

This is a link “https://github.com/revolunet/sublimetext-markdown-preview/".

With this link (https://github.com/revolunet/sublimetext-markdown-preview/), it still works.

Abbreviation

Abbreviations source are found in a separate markdown file specified in frontmatter.

1
2
3
4
5
The HTML specification 
is maintained by the W3C.

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium

The HTML specification is maintained by the W3C.

Unordered List

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
Unordered List

- item 1
    * item A
    * item B
        more text
        + item a
        + item b
        + item c
    * item C
- item 2
- item 3

Unordered List

  • item 1
    • item A
    • item B more text
      • item a
      • item b
      • item c
    • item C
  • item 2
  • item 3

Ordered List

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
Ordered List

1. item 1
    1. item A
    2. item B
        more text
        1. item a
        2. item b
        3. item c
    3. item C
2. item 2
3. item 3

Ordered List

  1. item 1
    1. item A
    2. item B more text
      1. item a
      2. item b
      3. item c
    3. item C
  2. item 2
  3. item 3

Task List

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
Task List

- [X] item 1
    * [X] item A
    * [ ] item B
        more text
        + [x] item a
        + [ ] item b
        + [x] item c
    * [X] item C
- [ ] item 2
- [ ] item 3

Task List

  • item 1
    • item A
    • item B more text
      • item a
      • item b
      • item c
    • item C
  • item 2
  • item 3

Mixed Lists

Really Mixed Lists should break with sane_lists on.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
Mixed Lists

- item 1
    * [X] item A
    * [ ] item B
        more text
        1. item a
        2. itemb
        3. item c
    * [X] item C
- item 2
- item 3


Really Mixed Lists

- item 1
    * [X] item A
    - item B
        more text
        1. item a
        + itemb
        + [ ] item c
    3. item C
2. item 2
- [X] item 3

Mixed Lists

  • item 1
    • item A
    • item B more text
      1. item a
      2. itemb
      3. item c
    • item C
  • item 2
  • item 3

Really Mixed Lists

  • item 1
    • item A
    • item B more text
      1. item a
      • itemb
      • item c
    1. item C
  1. item 2
  • item 3

Dictionary

1
2
3
4
5
6
Dictionary
:   item 1

    item 2

    item 3
Dictionary
item 1

item 2

item 3

Blocks

1
2
3
4
    This is a block.
    
    This is more of a block.

This is a block.

This is more of a block.

Block Quotes

1
2
> This is a block quote
>> How does it look?

This is a block quote.

How does it look? I think it looks good.

Fenced Block

Assuming guessing is not enabled.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
```
// Fenced **without** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}
```

```javascript
// Fenced **with** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}
```
1
2
3
4
5
6
7
// Fenced **without** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}
1
2
3
4
5
6
7
// Fenced **with** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}

Tables

1
2
3
4
5
| _Colors_      | Fruits          | Vegetable         |
| ------------- |:---------------:| -----------------:|
| Red           | *Apple*         | [Pepper](#Tables) |
| ~~Orange~~    | Oranges         | **Carrot**        |
| Green         | ~~***Pears***~~ | Spinach           |
Colors Fruits Vegetable
Red Apple Pepper
Orange Oranges Carrot
Green Pears Spinach

Smart Strong

1
2
3
4
5
Text with double__underscore__words.

__Strong__ still works.

__this__works__too__

Text with double__underscore__words.

Strong still works.

this__works__too

Smarty

1
2
3
4
5
6
7
"double quotes"

'single quotes'

da--sh

elipsis...

“double quotes”

‘single quotes’

da–sh

elipsis…

Attribute List

1
2
3
4
Normal Text

Modified Text
{: style="font-weight:bold;" }

Normal Text

Modified Text {: style="font-weight:bold;” }

Admonition

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
!!! Attention "Success!"
    You can use inline ~~stuff~~ markup too!

!!! Hint "Info!"
    - Here is some info.
    - And some more

!!! Caution "Warning!"
    - [X] Make sure you turn off the stove
    - [X] Don't run with scissors

!!! Danger "Alert!"
    You really need to read [this](#admonition)!

!!! Question "Question?"
    Are you serious?

!!! Note "Note"
    ๐Ÿ˜„

    > Not all markup can be placed in these boxes, but you can fit all sorts of things in them. But you will notice that the styles don't always play nice with each other.  Additional CSS could fix this though.

    Stuff like _this_ works too.

    | _Colors_      | Fruits          | Vegetable    |
    | ------------- |:---------------:| ------------:|
    | Red           | *Apple*         | Pepper       |
    | ~~Orange~~    | Oranges         | **Carrot**   |
    | Green         | ~~***Pears***~~ | Spinach      |

!!! Unknown "Title"
    Default class style

!!! Attention “Success!” You can use inline stuff markup too!

!!! Hint “Info!” - Here is some info. - And some more

!!! Caution “Warning!” - [X] Make sure you turn off the stove - [X] Don’t run with scissors

!!! Danger “Alert!” You really need to read this!

!!! Question “Question?” Are you serious?

!!! Note “Note” ๐Ÿ˜„

> Not all markup can be placed in these boxes, but you can fit all sorts of things in them. But you will notice that the styles don't always play nice with each other.  Additional CSS could fix this though.

Stuff like _this_ works too.

| _Colors_      | Fruits          | Vegetable    |
| ------------- |:---------------:| ------------:|
| Red           | *Apple*         | Pepper       |
| ~~Orange~~    | Oranges         | **Carrot**   |
| Green         | ~~***Pears***~~ | Spinach      |

!!! Unknown “Title” Default class style

Github Emoji

1
This is a test for emoji ๐Ÿ˜„.  The emojis are images linked to github assets :octocat:.

This is a test for emoji ๐Ÿ˜„. The emojis are images linked to github assets :octocat:.

People

๐Ÿ‘๐Ÿ‘Ž๐Ÿ‘ฝ๐Ÿ‘ผ๐Ÿ’ข๐Ÿ˜ ๐Ÿ˜ง๐Ÿ˜ฒ๐Ÿ‘ถ๐Ÿ’™๐Ÿ˜Š๐Ÿ’ฅ๐Ÿ™‡โ€โ™‚๏ธ:bowtie:๐Ÿ‘ฆ๐Ÿ‘ฐ๐Ÿ’”๐Ÿ‘ค๐Ÿ‘ฅ๐Ÿ‘๐Ÿ˜ฐ๐Ÿ’ฅ๐Ÿ˜–๐Ÿ˜•๐Ÿ‘ทโ€โ™‚๏ธ๐Ÿ‘ฎโ€โ™‚๏ธ๐Ÿ‘ซ๐Ÿ‘ฉโ€โค๏ธโ€๐Ÿ‘จ๐Ÿ‘ฉโ€โค๏ธโ€๐Ÿ’‹โ€๐Ÿ‘จ๐Ÿ˜ข๐Ÿ˜ฟ๐Ÿ’˜๐Ÿ’ƒ๐Ÿ‘ฏโ€โ™€๏ธ๐Ÿ’จ๐Ÿ˜ž๐Ÿ˜ฅ๐Ÿ’ซ๐Ÿ˜ต๐Ÿ’ง๐Ÿ‘‚โ—๐Ÿ˜‘๐Ÿ‘€๐Ÿ‘Š๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆ๐Ÿ˜จ:feelsgood:๐Ÿพ:finnadie:๐Ÿ”ฅโœŠ๐Ÿ˜ณ๐Ÿ˜ฆ๐Ÿ–•๐Ÿ‘ง:goberserk::godmode:๐Ÿ’šโ•โ”๐Ÿ˜ฌ๐Ÿ˜๐Ÿ˜€๐Ÿ’‚โ€โ™‚๏ธ๐Ÿ’‡โ€โ™€๏ธโœ‹๐Ÿ’ฉ๐Ÿ™‰โค๏ธ๐Ÿ˜๐Ÿ˜ป๐Ÿ’“๐Ÿ’—:hurtrealbad:๐Ÿ˜ฏ๐Ÿ‘ฟ๐Ÿ’โ€โ™€๏ธ๐Ÿ˜‡๐Ÿ‘บ๐Ÿ‘น๐Ÿ˜‚๐Ÿ˜น๐Ÿ’‹๐Ÿ˜—๐Ÿ˜ฝ๐Ÿ˜š๐Ÿ˜˜๐Ÿ˜™๐Ÿ˜†๐Ÿ‘„๐Ÿ’Œ๐Ÿ‘จ๐Ÿ‘ฒ๐Ÿ‘ณโ€โ™‚๏ธ๐Ÿ˜ท๐Ÿ’†โ€โ™€๏ธ๐Ÿค˜๐Ÿ’ช๐ŸŽต๐Ÿ’…:neckbeard:๐Ÿ˜๐Ÿ™…โ€โ™€๏ธ๐Ÿ˜ถ๐Ÿ‘ƒ๐ŸŽถ๐Ÿ‘Œ๐Ÿ™†โ€โ™€๏ธ๐Ÿ‘ด๐Ÿ‘ต๐Ÿ‘๐Ÿ˜ฎ๐Ÿ˜”๐Ÿ˜ฃ๐Ÿ™โ€โ™€๏ธ๐Ÿ‘ฑโ€โ™‚๏ธ๐Ÿ™Žโ€โ™€๏ธ๐Ÿ‘‡๐Ÿ‘ˆ๐Ÿ‘‰โ˜๏ธ๐Ÿ‘†๐Ÿ’ฉ๐Ÿ˜พ๐Ÿ™๐Ÿ‘ธ๐Ÿ‘Š๐Ÿ’œโ“๐Ÿ˜ก:rage1::rage2::rage3::rage4:โœ‹๐Ÿ™Œ๐Ÿ™‹โ€โ™€๏ธโ˜บ๏ธ๐Ÿ˜Œ๐Ÿ’ž๐Ÿƒโ€โ™‚๏ธ๐Ÿƒ๐Ÿ˜†๐Ÿ˜ฑ๐Ÿ™€๐Ÿ™ˆ๐Ÿ’ฉ๐Ÿ’€๐Ÿ˜ด๐Ÿ˜ช๐Ÿ˜„๐Ÿ˜ธ๐Ÿ˜ƒ๐Ÿ˜บ๐Ÿ˜ˆ๐Ÿ˜๐Ÿ˜ผ๐Ÿ˜ญโœจ๐Ÿ’–๐Ÿ™Š๐Ÿ’ฌโญ๐ŸŒŸ๐Ÿ˜›๐Ÿ˜๐Ÿ˜œ๐Ÿ˜Ž:suspect:๐Ÿ˜“๐Ÿ’ฆ๐Ÿ˜…๐Ÿ’ญ๐Ÿ‘Ž๐Ÿ‘๐Ÿ˜ซ๐Ÿ‘…๐Ÿ˜ค:trollface:๐Ÿ’•๐Ÿ‘ฌ๐Ÿ‘ญ๐Ÿ˜’โœŒ๏ธ๐Ÿšถโ€โ™‚๏ธ๐Ÿ‘‹๐Ÿ˜ฉ๐Ÿ˜‰๐Ÿ‘ฉ๐Ÿ˜Ÿ๐Ÿ’›๐Ÿ˜‹๐Ÿ’ค

Nature

๐Ÿœ๐Ÿค๐Ÿป๐Ÿ๐Ÿž๐Ÿฆ๐ŸŒผ๐Ÿก๐Ÿ—๐Ÿ’๐Ÿ›๐ŸŒต๐Ÿซ๐Ÿฑ๐Ÿˆ๐ŸŒธ๐ŸŒฐ๐Ÿ”โ˜๏ธ๐Ÿฎ๐Ÿ„๐ŸŒ™๐ŸŠ๐ŸŒ€๐ŸŒณ๐Ÿถ๐Ÿ•๐Ÿฌ๐Ÿ‰๐Ÿฒ๐Ÿช๐ŸŒพ๐ŸŒ๐ŸŒŽ๐ŸŒ๐Ÿ˜๐ŸŒฒ๐Ÿ‚๐ŸŒ“๐ŸŒ›๐ŸŸ๐ŸŒ๐Ÿ€๐Ÿธ๐ŸŒ•๐ŸŒ๐ŸŒ๐Ÿ๐Ÿน๐Ÿฅ๐Ÿฃ๐ŸŒฟ๐ŸŒบ๐Ÿ๐Ÿด๐Ÿจ๐ŸŒ—๐ŸŒœ๐Ÿƒ๐Ÿ†๐Ÿ๐ŸŒŒ๐Ÿ’๐Ÿต๐ŸŒ”๐Ÿญ๐Ÿ๐Ÿ„๐ŸŒ‘๐ŸŒš๐ŸŒƒ๐ŸŒŠ:octocat:๐Ÿ™๐Ÿ‚๐ŸŒด๐Ÿผโ›…๐Ÿพ๐Ÿง๐Ÿท๐Ÿ–๐Ÿฝ๐Ÿฉ๐Ÿฐ๐Ÿ‡๐ŸŽ๐Ÿ๐Ÿ€๐Ÿ“๐ŸŒน๐ŸŒฑ๐Ÿ‘๐Ÿš๐ŸŒ๐Ÿโ„๏ธโ˜ƒ๏ธ:squirrel:๐ŸŒž๐ŸŒปโ˜€๏ธ๐Ÿฏ๐Ÿ…๐Ÿ ๐ŸŒท๐Ÿขโ˜‚๏ธ๐ŸŒ‹๐ŸŒ˜๐ŸŒ–๐Ÿƒ๐ŸŒ’๐ŸŒ”๐Ÿณ๐Ÿ‹๐Ÿบโšก

Objects

๐ŸŽฑโฐ๐ŸŽ๐ŸŽจ๐Ÿ‘Ÿ๐Ÿผ๐ŸŽˆ๐ŸŽ๐ŸŒ๐Ÿ“Šโšพ๐Ÿ€๐Ÿ›€๐Ÿ›๐Ÿ”‹๐Ÿบ๐Ÿป๐Ÿ””๐Ÿฑ๐Ÿšดโ€โ™‚๏ธ๐Ÿ‘™๐ŸŽ‚๐Ÿƒโœ’๏ธ๐Ÿ“˜๐Ÿ’ฃ๐Ÿ“–๐Ÿ”–๐Ÿ“‘๐Ÿ“š๐Ÿ‘ข๐ŸŽณ๐Ÿž๐Ÿ’ผ๐Ÿ’ก๐Ÿฐ๐Ÿ“†๐Ÿ“ฒ๐Ÿ“ท๐Ÿฌ๐Ÿ“‡๐Ÿ’ฟ๐Ÿ“‰๐Ÿ“ˆ๐Ÿ’๐Ÿซ๐ŸŽ„๐ŸŽฌ๐Ÿ“‹๐Ÿ“•๐Ÿ”๐ŸŒ‚โ™ฃ๏ธ๐Ÿธโ˜•๐Ÿ’ป๐ŸŽŠ๐Ÿช๐ŸŒฝ๐Ÿ’ณ๐Ÿ‘‘๐Ÿ”ฎ๐Ÿ›๐Ÿฎ๐Ÿก๐ŸŽฏ๐Ÿ“…โ™ฆ๏ธ๐Ÿ’ต๐ŸŽŽ๐Ÿšช๐Ÿฉ๐Ÿ‘—๐Ÿ“€๐Ÿ“ง๐Ÿฅš๐Ÿ†๐Ÿ”Œโœ‰๏ธโœ‰๐Ÿ“ฉ๐Ÿ’ถ๐Ÿ‘“๐Ÿ“ ๐Ÿ“๐ŸŽ†๐Ÿฅ๐ŸŽฃ๐ŸŽ๐Ÿ”ฆ๐Ÿฌ๐Ÿ’พ๐ŸŽด๐Ÿˆ๐Ÿ‘ฃ๐Ÿด๐Ÿค๐ŸŸ๐ŸŽฒ๐Ÿ’Ž๐Ÿ‘ป๐ŸŽ๐Ÿ’โ›ณ๐Ÿ‡๐Ÿ๐Ÿ“—๐ŸŽธ๐Ÿ”ซ๐Ÿ”๐Ÿ”จ๐Ÿ‘œ๐ŸŽงโ™ฅ๏ธ๐Ÿ”†๐Ÿ‘ ๐Ÿ”ช๐Ÿฏ๐Ÿ‡โŒ›โณ๐Ÿจ๐Ÿฆ๐Ÿ“ฅ๐Ÿ“จ๐Ÿ“ฑ๐ŸŽƒ๐Ÿ‘–๐Ÿ”‘๐Ÿ‘˜๐Ÿฎ๐Ÿ“’๐Ÿ‹๐Ÿ’„๐Ÿ”’๐Ÿ”๐Ÿญโžฟ๐Ÿ”Š๐Ÿ“ข๐Ÿ”…๐Ÿ”๐Ÿ”Ž๐Ÿ€„๐Ÿ“ซ๐Ÿ“ช๐Ÿ“ฌ๐Ÿ“ญ๐Ÿ‘ž๐Ÿ–๐Ÿ“ฃ๐Ÿˆ๐Ÿ“๐ŸŽค๐Ÿ”ฌ๐Ÿ’ฝ๐Ÿ’ธ๐Ÿ’ฐ๐ŸŽ“๐Ÿšตโ€โ™‚๏ธ๐ŸŽฅ๐ŸŽน๐ŸŽผ๐Ÿ”‡๐Ÿ“›๐Ÿ‘”๐Ÿ“ฐ๐Ÿ”•๐Ÿ““๐Ÿ“”๐Ÿ”ฉ๐Ÿข๐Ÿ“–๐Ÿ“‚๐Ÿ“™๐Ÿ“ค๐Ÿ“ฆ๐Ÿ“„๐Ÿ“ƒ๐Ÿ“Ÿ๐Ÿ“Ž๐Ÿ‘๐Ÿโœโœ๏ธโ˜Ž๏ธ๐Ÿ’Š๐Ÿ๐Ÿ•๐Ÿ“ฏ๐Ÿ“ฎ๐Ÿ‘๐Ÿ—๐Ÿ’ท๐Ÿ‘›๐Ÿ“Œ๐Ÿ“ป๐Ÿœ๐ŸŽ€๐Ÿš๐Ÿ™๐Ÿ˜๐ŸŽ‘๐Ÿ’๐Ÿ‰๐ŸŽฝ๐Ÿถ๐Ÿ‘ก๐ŸŽ…๐Ÿ›ฐ๏ธ๐ŸŽท๐ŸŽ’โœ‚๏ธ๐Ÿ“œ๐Ÿ’บ๐Ÿง๐Ÿ‘•๐Ÿ‘ž๐Ÿšฟ๐ŸŽฟ๐Ÿšฌ๐Ÿ‚โšฝ๐Ÿ”‰๐Ÿ‘พโ™ ๏ธ๐Ÿโ‡๏ธ๐ŸŽ‡๐Ÿ”ˆ๐Ÿฒ๐Ÿ“๐Ÿ“๐Ÿ„โ€โ™‚๏ธ๐Ÿฃ๐Ÿ ๐ŸŠโ€โ™‚๏ธ๐Ÿ’‰๐ŸŽ‰๐ŸŽ‹๐ŸŠ๐Ÿตโ˜Ž๐Ÿ“ž๐Ÿ”ญ๐ŸŽพ๐Ÿšฝ๐Ÿ…๐ŸŽฉ๐Ÿ“๐Ÿ†๐Ÿน๐ŸŽบ๐Ÿ‘•๐Ÿ“บ๐Ÿ”“๐Ÿ“ผ๐Ÿ“น๐ŸŽฎ๐ŸŽปโŒš๐Ÿ‰๐ŸŽ๐Ÿท๐Ÿ‘š๐Ÿ‘’๐Ÿ”ง๐Ÿ’ด

Places

๐Ÿšกโœˆ๏ธ๐Ÿš‘โš“๐Ÿš›๐Ÿง๐Ÿฆ๐Ÿ’ˆ๐Ÿ”ฐ๐Ÿšฒ๐Ÿš™โ›ต๐ŸŒ‰๐Ÿš…๐Ÿš„๐ŸšŒ๐Ÿš๐Ÿš—๐ŸŽ ๐Ÿโ›ช๐ŸŽช๐ŸŒ‡๐ŸŒ†๐Ÿ‡จ๐Ÿ‡ณ๐Ÿšง๐Ÿช๐ŸŽŒ๐Ÿ‡ฉ๐Ÿ‡ช๐Ÿฌ๐Ÿ‡ช๐Ÿ‡ธ๐Ÿฐ๐Ÿค๐Ÿญ๐ŸŽก๐Ÿš’โ›ฒ๐Ÿ‡ซ๐Ÿ‡ทโ›ฝ๐Ÿ‡ฌ๐Ÿ‡ง๐Ÿš๐Ÿฅ๐Ÿจโ™จ๏ธ๐Ÿ ๐Ÿก๐Ÿ‡ฎ๐Ÿ‡น๐Ÿฎ๐Ÿ—พ๐Ÿฏ๐Ÿ‡ฏ๐Ÿ‡ต๐Ÿ‡ฐ๐Ÿ‡ท๐Ÿšˆ๐Ÿฉ๐Ÿš๐Ÿš๐Ÿ—ป๐Ÿš ๐Ÿšž๐Ÿ—ฟ๐Ÿข๐Ÿš˜๐Ÿš๐Ÿš”๐Ÿš–๐ŸŽญ๐Ÿš“๐Ÿฃ๐Ÿšƒ๐ŸŒˆ๐Ÿš—๐Ÿš€๐ŸŽข๐Ÿšจ๐Ÿ“๐Ÿšฃโ€โ™‚๏ธ๐Ÿ‡ท๐Ÿ‡บโ›ต๐Ÿซ๐Ÿšข๐ŸŽฐ๐Ÿšค๐ŸŒ ๐Ÿš‰๐Ÿ—ฝ๐Ÿš‚๐ŸŒ…๐ŸŒ„๐ŸšŸ๐Ÿš•โ›บ๐ŸŽซ๐Ÿ—ผ๐Ÿšœ๐Ÿšฅ๐Ÿš‹๐Ÿš†๐ŸšŠ๐Ÿšฉ๐ŸšŽ๐Ÿšš๐Ÿ‡ฌ๐Ÿ‡ง๐Ÿ‡บ๐Ÿ‡ธ๐Ÿšฆโš ๏ธ๐Ÿ’’

Symbols

๐Ÿ’ฏ๐Ÿ”ข๐Ÿ…ฐ๏ธ๐Ÿ†Ž๐Ÿ”ค๐Ÿ”ก๐Ÿ‰‘โ™’โ™ˆโ—€๏ธโฌโซโฌ‡๏ธ๐Ÿ”ฝโ–ถ๏ธโคต๏ธโคด๏ธโฌ…๏ธโ†™๏ธโ†˜๏ธโžก๏ธโ†ช๏ธโฌ†๏ธโ†•๏ธ๐Ÿ”ผโ†–๏ธโ†—๏ธ๐Ÿ”ƒ๐Ÿ”„๐Ÿ…ฑ๏ธ๐Ÿšผ๐Ÿ”™๐Ÿ›„โ˜‘๏ธโ€ผ๏ธโšซโฌ›โ—พโ—ผ๏ธโ–ช๏ธ๐Ÿ”ฒโ™‹๐Ÿ” โ™‘๐Ÿ’น๐Ÿšธ๐ŸŽฆ๐Ÿ†‘๐Ÿ•๐Ÿ•™๐Ÿ•ฅ๐Ÿ•š๐Ÿ•ฆ๐Ÿ•›๐Ÿ•ง๐Ÿ•œ๐Ÿ•‘๐Ÿ•๐Ÿ•’๐Ÿ•ž๐Ÿ•“๐Ÿ•Ÿ๐Ÿ•”๐Ÿ• ๐Ÿ••๐Ÿ•ก๐Ÿ•–๐Ÿ•ข๐Ÿ•—๐Ÿ•ฃ๐Ÿ•˜๐Ÿ•คใŠ—๏ธ๐Ÿ†’ยฉ๏ธโžฐ๐Ÿ’ฑ๐Ÿ›ƒ๐Ÿ’ ๐Ÿšฏ8๏ธโƒฃโœด๏ธโœณ๏ธ๐Ÿ”šโฉ5๏ธโƒฃ4๏ธโƒฃ๐Ÿ†“โ™Š#๏ธโƒฃ๐Ÿ’Ÿโœ”๏ธโž—๐Ÿ’ฒโ—โž–โœ–๏ธโž•๐Ÿ†”๐Ÿ‰โ„น๏ธโ‰๏ธ๐Ÿ”Ÿ๐Ÿˆ๐Ÿ”ต๐Ÿ”ท๐Ÿ”ถ๐Ÿ›…โ†”๏ธโ†ฉ๏ธโ™Œโ™Ž๐Ÿ”—โ“œ๏ธ๐Ÿšน๐Ÿš‡๐Ÿ“ดโŽ๐Ÿ†•๐Ÿ†–9๏ธโƒฃ๐Ÿšณโ›”๐Ÿšซ๐Ÿ“ต๐Ÿšท๐Ÿšญ๐Ÿšฑโญ•๐Ÿ…พ๏ธ๐Ÿ†—๐Ÿ”›1๏ธโƒฃโ›Ž๐Ÿ…ฟ๏ธใ€ฝ๏ธ๐Ÿ›‚โ™“๐Ÿšฐ๐Ÿšฎ๐Ÿ”˜โ™ป๏ธ๐Ÿ”ดยฎ๏ธ๐Ÿ”๐Ÿ”‚๐Ÿšปโช๐Ÿˆ‚๏ธโ™โ™ใŠ™๏ธ7๏ธโƒฃ:shipit:๐Ÿ“ถ6๏ธโƒฃ๐Ÿ”ฏ๐Ÿ”น๐Ÿ”ธ๐Ÿ”บ๐Ÿ”ป๐Ÿ”œ๐Ÿ†˜๐Ÿ”ฃโ™‰3๏ธโƒฃโ„ข๏ธ๐Ÿ”๐Ÿ”ฑ๐Ÿ”€2๏ธโƒฃ๐Ÿˆน๐Ÿˆด๐Ÿˆบ๐Ÿˆฏ๐Ÿˆท๏ธ๐Ÿˆถ๐Ÿˆต๐Ÿˆš๐Ÿˆธ๐Ÿˆฒ๐Ÿˆณ๐Ÿ”ž๐Ÿ†™๐Ÿ“ณโ™๐Ÿ†šใ€ฐ๏ธ๐Ÿšพโ™ฟโœ…โšช๐Ÿ’ฎโฌœโ—ฝโ—ป๏ธโ–ซ๏ธ๐Ÿ”ณ๐ŸšบโŒ0๏ธโƒฃ

Insert

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
^^insert^^

^^*insert italic*^^  *^^insert italic 2^^*

^^_insert italic_^^  _^^insert italic 2^^_

^^**insert bold**^^  **^^insert bold 2^^**

^^__insert bold__^^  __^^insert bold 2^^__

^^***insert italic bold***^^  ***^^insert italic bold 2^^***

^^___insert italic bold___^^  ___^^insert italic bold 2^^___

**^^*insert italic bold*^^**  *^^**insert italic bold 2**^^*

__^^_insert italic bold_^^__  _^^__insert italic bold 2__^^_

**^^_insert italic bold_^^**  _^^**insert italic bold 2**^^_

__^^*insert italic bold*^^__  *^^__insert italic bold 2__^^*

^^insert^^

^^insert italic^^ ^^insert italic 2^^

^^_insert italic_^^ ^^insert italic 2^^

^^insert bold^^ ^^insert bold 2^^

^^__insert bold__^^ ^^insert bold 2^^

^^insert italic bold^^ ^^insert italic bold 2^^

^^___insert italic bold___^^ ^^insert italic bold 2^^

^^insert italic bold^^ ^^insert italic bold 2^^

^^_insert italic bold_^^ ^^__insert italic bold 2__^^

^^_insert italic bold_^^ ^^insert italic bold 2^^

^^insert italic bold^^ ^^__insert italic bold 2__^^

Progress

Progress bars are block elements and it is recommened to put a newline before and after. But they will be recognized inline, but they will be on their own line.

Normally you would just globally set your additional classes: progressbar(add_classes=candystripe-animate), but here we will demonstrate that it works with the attr_list extension. It will take inline style.

To turn off level classes (which are used to decide special colors for certain percentages) you could just use progressbar(level_class=False).

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
| Test               | Result                                        |
|--------------------|-----------------------------------------------|
|Animated: 0%        |[=0% "0%"]{: .candystripe-animate}             |
|Animated: 5%        |[=5% "5%"]{: .candystripe-animate}             |
|Animated: 25%       |[=25% "25%"]{: .candystripe-animate}           |
|Animated: 45%       |[=45% "45%"]{: .candystripe-animate}           |
|Animated: 65%       |[=65% "65%"]{: .candystripe-animate}           |
|Animated: 85%       |[=85% "85%"]{: .candystripe-animate}           |
|Animated: 100%      |[=100% "100%"]{: .candystripe-animate}         |
|Division Percentage |[= 212.2/537 "212.2/537 Testing division"]     |
|No Label            |[= 50%]                                        |
|Inline              |Before[= 50% "I'm a block!"]After              |
|Gloss and Animated  |[= 50% "Gloss"]{: .candystripe-animate .gloss} |
Test Result
Animated: 0% [=0% “0%"]{: .candystripe-animate}
Animated: 5% [=5% “5%"]{: .candystripe-animate}
Animated: 25% [=25% “25%"]{: .candystripe-animate}
Animated: 45% [=45% “45%"]{: .candystripe-animate}
Animated: 65% [=65% “65%"]{: .candystripe-animate}
Animated: 85% [=85% “85%"]{: .candystripe-animate}
Animated: 100% [=100% “100%"]{: .candystripe-animate}
Division Percentage [= 212.2/537 “212.2/537 Testing division”]
No Label [= 50%]
Inline Before[= 50% “I’m a block!"]After
Gloss and Animated [= 50% “Gloss”]{: .candystripe-animate .gloss}

Neseted Fences

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
    ```
    This will still be parsed
    as a normal indented code block.
    ```

```
This will still be parsed
as a fenced code block.
```

- This is a list that contains multiple code blocks.

    - Here is an indented block

            ```
            This will still be parsed
            as a normal indented code block.
            ```

    - Here is a fenced code block:

        ```
        This will still be parsed
        as a fenced code block.
        ```

        > ```
        > Blockquotes?
        > Not a problem!
        > ```
```
This will still be parsed
as a normal indented code block.
```
1
2
This will still be parsed
as a fenced code block.
  • This is a list that contains multiple code blocks.

    • Here is an indented block

        ```
        This will still be parsed
        as a normal indented code block.
        ```
      
    • Here is a fenced code block:

      1
      2
      
      This will still be parsed
      as a fenced code block.
      
      1
      2
      
      Blockquotes?
      Not a problem!
      

UML Flow Charts

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
```flow
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...

st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1
```
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...

st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1

UML Sequence Diagrams

1
2
3
4
5
6
7
```sequence
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
```
1
2
3
4
5
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow

Math

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
$p(x|y) = \frac{p(y|x)p(x)}{p(y)}$, \(p(x|y) = \frac{p(y|x)p(x)}{p(y)}\).

$$
E(\mathbf{v}, \mathbf{h}) = -\sum_{i,j}w_{ij}v_i h_j - \sum_i b_i v_i - \sum_j c_j h_j
$$

\[3 < 4\]

\begin{align}
    p(v_i=1|\mathbf{h}) & = \sigma\left(\sum_j w_{ij}h_j + b_i\right) \\
    p(h_j=1|\mathbf{v}) & = \sigma\left(\sum_i w_{ij}v_i + c_j\right)
\end{align}

$p(x|y) = \frac{p(y|x)p(x)}{p(y)}$, (p(x|y) = \frac{p(y|x)p(x)}{p(y)}).

$$ E(\mathbf{v}, \mathbf{h}) = -\sum_{i,j}w_{ij}v_i h_j - \sum_i b_i v_i - \sum_j c_j h_j $$

[3 < 4]

\begin{align} p(v_i=1|\mathbf{h}) & = \sigma\left(\sum_j w_{ij}h_j + b_i\right) \
p(h_j=1|\mathbf{v}) & = \sigma\left(\sum_i w_{ij}v_i + c_j\right) \end{align}