| references |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| destination | destination.html | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| title | Test Page | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| author |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| settings |
|
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.
> This is a blockquote.
>
> It can contain _markdown_ content.
This is a blockquote.
It can contain markdown content.
`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

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]
@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
- item a
- itemb
- item c
- item C
- item 2
- item 3
Really Mixed Lists
- item 1
- item A
- item B
more text
- 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;" }
> [!Note]
> :smile:
>
> > Not all markup can be placed in these boxes, but you can fit all sorts of things in them.
>
> Stuff like _this_ works too.
>
> | _Colors_ | Fruits | Vegetable |
> | ------------- |:---------------:| ------------:|
> | Red | *Apple* | Pepper |
> | ~~Orange~~ | Oranges | **Carrot** |
> | Green | ~~***Pears***~~ | Spinach |
> [!tip] Tip!
> - Here is some info.
> - And some more
> [!warning] Warning!
> - [X] Make sure you turn off the stove
> - [X] Don't run with scissors
> [!caution] Alert!
> You really need to read [this](#admonition)!
> [!important]
> This is important
Note
😄
Not all markup can be placed in these boxes, but you can fit all sorts of things in them.
Stuff like this works too.
| Colors | Fruits | Vegetable |
|---|---|---|
| Red | Apple | Pepper |
| Oranges | Carrot | |
| Green | Spinach |
[!tip] Tip!
- Here is some info.
- And some more
[!warning] Warning!
- Make sure you turn off the stove
- Don't run with scissors
[!caution] Alert! You really need to read this!
Important
This is important
<details markdown>
<summary>Summary</summary>
Content **section**.
</details>
> [!Note]+
> :smile:
>
> > Not all markup can be placed in these boxes, but you can fit all sorts of things in them.
>
> Stuff like _this_ works too.
>
> | _Colors_ | Fruits | Vegetable |
> | ------------- |:---------------:| ------------:|
> | Red | *Apple* | Pepper |
> | ~~Orange~~ | Oranges | **Carrot** |
> | Green | ~~***Pears***~~ | Spinach |
> [!tip]+ Tip!
> - Here is some info.
> - And some more
> [!warning]+ Warning!
> - [X] Make sure you turn off the stove
> - [X] Don't run with scissors
> [!caution]+ Alert!
> You really need to read [this](#admonition)!
> [!important]+
> This is important
Summary
Content section.
[!Note]+ :smile:
Not all markup can be placed in these boxes, but you can fit all sorts of things in them.
Stuff like this works too.
Colors Fruits Vegetable Red Apple Pepper OrangeOranges Carrot Green PearsSpinach
[!tip]+ Tip!
- Here is some info.
- And some more
[!warning]+ Warning!
- Make sure you turn off the stove
- Don't run with scissors
[!caution]+ Alert! You really need to read this!
[!important]+ This is important
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.
```
```python
from collections.abc import Iterator
# This is an example
class Math:
@staticmethod
def fib(n: int) -> Iterator[int]:
"""Fibonacci series up to n."""
a, b = 0, 1
while a < n:
yield a
a, b = b, a + b
result = sum(Math.fib(42))
print(f"The answer is {result}")
```
- 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.
from collections.abc import Iterator
# This is an example
class Math:
@staticmethod
def fib(n: int) -> Iterator[int]:
"""Fibonacci series up to n."""
a, b = 0, 1
while a < n:
yield a
a, b = b, a + b
result = sum(Math.fib(42))
print(f"The answer is {result}")-
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}

