Test Page
Author John Doe
Contents
test: This tests the meta extension title: This title will be overridden by YAML
Cheat Sheet and Test
[TOC]
Headers
|
|
H1
H2
H3
H4
H5
H6
Duplicate Header
Duplicate Header
Paragraphs
|
|
This is a paragraph. I am still part of the paragraph.
New paragraph.
Inline
|
|
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__
Links
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
@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.
|
|
The HTML specification is maintained by the W3C.
Unordered List
|
|
Unordered List
- item 1
- item A
- item B
more text
- item a
- item b
- item c
- item C
- item 2
- item 3
Ordered List
|
|
Ordered List
- item 1
- item A
- item B
more text
- item a
- item b
- item c
- item C
- item 2
- item 3
Task List
|
|
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.
|
|
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
|
|
- Dictionary
- item 1
item 2
item 3
Blocks
|
|
This is a block.
This is more of a block.
Block Quotes
|
|
This is a block quote.
How does it look? I think it looks good.
Fenced Block
Assuming guessing is not enabled.
|
|
|
|
|
|
Tables
|
|
Colors | Fruits | Vegetable |
---|---|---|
Red | Apple | Pepper |
Oranges | Carrot | |
Green | Spinach |
Smart Strong
|
|
Text with double__underscore__words.
Strong still works.
this__works__too
Smarty
|
|
“double quotes”
‘single quotes’
da–sh
elipsis…
Attribute List
|
|
Normal Text
Modified Text {: style="font-weight:bold;” }
Admonition
|
|
!!! 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
|
|
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
|
|
^^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)
.
|
|
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
|
|
```
This will still be parsed
as a normal indented 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
|
|
|
|
UML Sequence Diagrams
|
|
|
|
Math
|
|
$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}