| references | destination | title | author | settings | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
destination.html |
Test Page |
|
|
test: This tests the meta extension
title: This title will be overridden by YAML
[TOC]
# H1
## H2
### H3
#### H4
##### H5
###### H6
### Duplicate Header
### Duplicate Header
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 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.
[Reference Link][1]
Footnotes[^1] have a label[^label] and a definition[^!DEF]
Web image
Local image
[email protected]
@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
Local image
@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.
Abbreviations source are found in a separate markdown file specified in frontmatter.
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
- 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. 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
- item 1
- item A
- item B
more text
- item a
- item b
- item c
- item C
- item 2
- item 3
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
Really Mixed Lists should break with sane_lists on.
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
- item C
- item 2
- item 3
Dictionary
: item 1
item 2
item 3
Dictionary
: item 1
item 2
item 3
This is a block.
This is more of a block.
This is a block.
This is more of a block.
> This is a block quote
>> How does it look?
This is a block quote.
How does it look? I think it looks good.
Assuming guessing is not enabled.
```
// 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);
}
}
```
// 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);
}
}
// 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);
}
}| _Colors_ | Fruits | Vegetable |
| ------------- |:---------------:| -----------------:|
| Red | *Apple* | [Pepper](#Tables) |
| ~~Orange~~ | Oranges | **Carrot** |
| Green | ~~***Pears***~~ | Spinach |
| Colors | Fruits | Vegetable |
|---|---|---|
| Red | Apple | Pepper |
| Oranges | Carrot | |
| Green | Spinach |
Text with double__underscore__words.
__Strong__ still works.
__this__works__too__
Text with double__underscore__words.
Strong still works.
this__works__too
"double quotes"
'single quotes'
da--sh
elipsis...
"double quotes"
'single quotes'
da--sh
elipsis…
Normal Text
Modified Text
{: style="font-weight:bold;" }
Normal Text
Modified Text
{: style="font-weight:bold;" }
!!! 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"
:smile:
> 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](#admonition)!
!!! Question "Question?"
Are you serious?
!!! Note "Note"
:smile:
> 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
This is a test for emoji :smile:. The emojis are images linked to github assets :octocat:.
This is a test for emoji 😄. The emojis are images linked to github assets 
.
👍👎👽👼💢😠😧😲👶💙😊💥🙇
👦👰♀️💔👤👥👏😰💥😖😕👷👮👫💑💏😢😿💘💃👯💨😞😥💫😵💧👂❗😑👀👊👪😨
🐾
🔥✊😳😦🖕👧
💚❕❔😬😁😀💂♂️💇✋💩🙉❤️😍😻💓💗
😯👿💁😇👺👹😂😹💋😗😽😚😘😙😆👄💌👨👲👳♂️😷💆🤘💪🎵💅
😐🙅😶👃🎶👌🙆♀️👴👵👐😮😔😣:person_frowning::person_with_blond_hair::person_with_pouting_face:👇👈👉☝️👆💩😾🙏👸👊💜❓😡
✋🙌🙋
😓💦😅💭👎👍😫👅😤
💕👬👭😒✌️🚶👋😩😉👩😟💛😋💤
🐜🐤🐻🐝🪲🐦🌼🐡🐗💐🐛🌵🐫🐱🐈🌸🌰🐔☁️🐮🐄🌙🐊🌀🌳🐶🐕🐬🐉🐲🐪🌾🌍🌎🌏🐘🌲🍂🌓🌛🐟🌁🍀🐸🌕🌝🌐🐐🐹🐥🐣🌿🌺🐝🐴🐨🌗🌜🍃🐆🍁🌌🐒🐵🌔🐭🐁🍄🌑🌚🌃🌊🐙🐂🌴🐼⛅🐾🐧🐷🐖🐽🐩🐰🐇🐎🐏🐀🐓🌹🌱🐑🐚🐌🐍❄️⛄:squirrel:🌞🌻☀️🐯🐅🐠🌷🐢☔🌋🌘🌖🐃🌒🌔🐳🐋🐺⚡
🎱⏰🍎🎨👟🍼🎈🎍🍌📊⚾🏀🛀🛁🔋🍺🍻🔔🍱🚴👙🎂🃏✒️📘💣📖🔖📑📚👢🎳🍞💼💡🍰📆📲📷🍬📇💿📉📈🍒🍫🎄🎬📋📕🔐🌂
🚡
💯🔢
📶6️⃣🔯🔹🔸🔺🔻🔜🆘🔣♉3️⃣™️🔝🔱🔀2️⃣🈹🈴🈺🈯🈷️🈶🈵🈚🈸🈲🈳🔞🆙📳♍🆚〰️🚾♿✅⚪💮⬜◽◻️▫️🔳🚺❌0️⃣
^^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 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).
| 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} |
```
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.
```
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! > ```
-
```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
```
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
```sequence
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
```
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
```mermaid
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts <br/>prevail!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
```
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts <br/>prevail!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
$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}
[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} $$