Markdown Test
Markdown Test
Common markdown format for Gitbook, gatsby-starter-bee, and VNote.
6. Lists
6.3. Offset in Oredered List
markdown
57. will started with offset 571. so it will be 582. this is 59
display
- will started with offset 57
- so it will be 58
- this is 59
9. Links
9.1. Email Linkify
markdown
fake1@example.com<fake2@example.com>
display
fake1@example.com
fake2@example.com
10. Reference-style Links
markdown
I know [Indonesia][1]I also know [etymology of Indonesia][2]I knew [History of Indonesia][3]It doesn't have [hobbit-hole][hh].[1]: <https://en.wikipedia.org/wiki/Indonesia>[2]: https://en.wikipedia.org/wiki/Indonesia#Etymology "Etymology of Indonesia"[3]: https://en.wikipedia.org/wiki/Indonesia#History 'History of Indonesia'[hh]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> "Hobbit lifestyles"
display
I know Indonesia
I also know etymology of Indonesia
I knew History of Indonesia
It doesn't have hobbit-hole.
11. Images
markdown
![Wikipedia with Alt Text, reference style][id1][id1]: https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Wikipedia_Logo_1.0.png/240px-Wikipedia_Logo_1.0.png "Optional Text"
display
13. HTML Code
13.1. HTML: Bold, Italic, Strikethrough
markdown
This <em>word</em> is italic.This <strong>word</strong> is bold.This <del>word</del> is deleted with strikethorouugh.
display
This word is italic.
This word is bold.
This word is deleted with strikethorouugh.
14. Horizontal Rules
markdown
___---***
display
16. Code Fencing and Highlighting
markdown
```This is a fenced code block.```~~~No language indicated, so no syntax highlighting.s = "There is no highlighting for this."~~~```pythondef function():#indenting works just fine in the fenced code blocks = "Python syntax highlighting"print s``````javascriptvar s = "JavaScript syntax highlighting";alert(s);``````rubyrequire 'redcarpet'markdown = Redcarpet.new("ruby syntax highlighting")puts markdown.to_html```
display
This is a fenced code block.
No language indicated, so no syntax highlighting.s = "There is no highlighting for this."
def function():#indenting works just fine in the fenced code blocks = "Python syntax highlighting"print s
var s = "JavaScript syntax highlighting";alert(s);
require 'redcarpet'markdown = Redcarpet.new("ruby syntax highlighting")puts markdown.to_html
18. Text Formatting
18.1. Strikethrough
markdown
~~strikethrough~~
display
strikethrough
18.2. Highlighting and Underline
==highlight==_underline_
display
==highlight==
underline
20. Emojies
20.2. Shortcode Emoji
markdown
Shortcode emoji examples :grinning: :smiley: :smile: :grin: :laughing: :joy:
display
Shortcode emoji examples :grinning: :smiley: :smile: :grin: :laughing: :joy:
21. Typographic Replacements, Superscript, Subscript
markdown
autoreplacement of (c) (C) (r) (R) (tm) (TM) (p) (P) +-superscript x^2^ and subscript H~2~O
display
autoreplacement of (c) (C) (r) (R) (tm) (TM) (p) (P) +-
superscript x^2^ and subscript H~2~O
22. HTML Entities and Character Codes
markdown
© & ¨ ™ ¡ £& < > ¥ € ® ± ¶ § ¦ ¯ « ·x² y³ ¾ ¼ × ÷ » |18ºC " '
display
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
x² y³ ¾ ¼ × ÷ » |
18ºC " '
23. Latex
23.1. Inline Equation
markdown
Inline equation with one dollar sign: $E=mc^2$.Inline equation with two dollar sign: $$E=mc^2$$.
display
Inline equation with one dollar sign: $E=mc^2$.
Inline equation with two dollar sign: $$E=mc^2$$.
23.2. Newline Equation
markdown
Newline equation with two dollar signs.$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$
display
Newline equation with two dollar signs.
$$
\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))
$$
27. Footnote
markdown
Here's a simple footnote,[^1] and here's a longer one,[^bignote], and [^withcode].[^1]: This is the first footnote.[^bignote]: Here's another one.[^withcode]: `code` or code in paragraphs
display
Here's a simple footnote,1 and here's a longer one,bignote, and withcode.