# Inital Page To Hello World

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

# H1

## 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 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__~~* 

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 

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

Web image

Local image

contact@revolunet.com

@revolunet

Issue #1

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

  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 

• 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;” }

  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

!!! 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:.

### Nature

🐜🐤🐻🐝🐞🐦🌼🐡🐗💐🐛🌵🐫🐱🐈🌸🌰🐔☁️🐮🐄🌙🐊🌀🌳🐶🐕🐬🐉🐲🐪🌾🌍🌎🌏🐘🌲🍂🌓🌛🐟🌁🍀🐸🌕🌝🌐🐐🐹🐥🐣🌿🌺🐝🐴🐨🌗🌜🍃🐆🍁🌌🐒🐵🌔🐭🐁🍄🌑🌚🌃🌊:octocat:🐙🐂🌴🐼⛅🐾🐧🐷🐖🐽🐩🐰🐇🐎🐏🐀🐓🌹🌱🐑🐚🐌🐍❄️☃️:squirrel:🌞🌻☀️🐯🐅🐠🌷🐢☂️🌋🌘🌖🐃🌒🌔🐳🐋🐺⚡

### Objects

🎱⏰🍎🎨👟🍼🎈🎍🍌📊⚾🏀🛀🛁🔋🍺🍻🔔🍱🚴‍♂️👙🎂🃏✒️📘💣📖🔖📑📚👢🎳🍞💼💡🍰📆📲📷🍬📇💿📉📈🍒🍫🎄🎬📋📕🔐🌂♣️🍸☕💻🎊🍪🌽💳👑🔮🍛🍮🍡🎯📅♦️💵🎎🚪🍩👗📀📧🥚🍆🔌✉️✉📩💶👓📠📁🎆🍥🎣🎏🔦🐬💾🎴🏈👣🍴🍤🍟🎲💎👻🎁💝⛳🍇🍏📗🎸🔫🍔🔨👜🎧♥️🔆👠🔪🍯🏇⌛⏳🍨🍦📥📨📱🎃👖🔑👘🏮📒🍋💄🔒🔏🍭➿🔊📢🔅🔍🔎🀄📫📪📬📭👞🍖📣🍈📝🎤🔬💽💸💰🎓🚵‍♂️🎥🎹🎼🔇📛👔📰🔕📓📔🔩🍢📖📂📙📤📦📄📃📟📎🍑🍐✏✏️☎️💊🍍🍕📯📮👝🍗💷👛📌📻🍜🎀🍚🍙🍘🎑💍🏉🎽🍶👡🎅🛰️🎷🎒✂️📜💺🍧👕👞🚿🎿🚬🏂⚽🔉👾♠️🍝❇️🎇🔈🍲📏🍓🏄‍♂️🍣🍠🏊‍♂️💉🎉🎋🍊🍵☎📞🔭🎾🚽🍅🎩📐🏆🍹🎺👕📺🔓📼📹🎮🎻⌚🍉🎐🍷👚👒🔧💴

### Places

🚡✈️🚑⚓🚛🏧🏦💈🔰🚲🚙⛵🌉🚅🚄🚌🚏🚗🎠🏁⛪🎪🌇🌆🇨🇳🚧🏪🎌🇩🇪🏬🇪🇸🏰🏤🏭🎡🚒⛲🇫🇷⛽🇬🇧🚁🏥🏨♨️🏠🏡🇮🇹🏮🗾🏯🇯🇵🇰🇷🚈🏩🚐🚝🗻🚠🚞🗿🏢🚘🚍🚔🚖🎭🚓🏣🚃🌈🚗🚀🎢🚨📍🚣‍♂️🇷🇺⛵🏫🚢🎰🚤🌠🚉🗽🚂🌅🌄🚟🚕⛺🎫🗼🚜🚥🚋🚆🚊🚩🚎🚚🇬🇧🇺🇸🚦⚠️💒

## 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}