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 57
1. so it will be 58
2. 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."
~~~
python def function(): #indenting works just fine in the fenced code block s = "Python syntax highlighting" print s
javascript var s = "JavaScript syntax highlighting"; alert(s);
ruby require '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 block
s = "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:
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.
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,[2], and [3].