<h1 id="h1-heading-8-"><a href="#h1-heading-8-" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>h1 Heading 8-)</h1>
<h2 id="h2-heading"><a href="#h2-heading" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>h2 Heading</h2>
<h3 id="h3-heading"><a href="#h3-heading" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>h3 Heading</h3>
<h4 id="h4-heading"><a href="#h4-heading" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>h4 Heading</h4>
<h5 id="h5-heading"><a href="#h5-heading" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>h5 Heading</h5>
<h6 id="h6-heading"><a href="#h6-heading" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>h6 Heading</h6>
<h2 id="horizontal-rules"><a href="#horizontal-rules" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Horizontal Rules</h2>
<hr>
<hr>
<hr>
<h2 id="typographic-replacements"><a href="#typographic-replacements" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Typographic replacements</h2>
<p>Enable typographer option to see result.</p>
<p>(c) (C) (r) (R) (tm) (TM) (p) (P) +-</p>
<p>test.. test... test..... test?..... test!....</p>
<p>!!!!!! ???? ,,  -- ---</p>
<p>"Smartypants, double quotes" and 'single quotes'</p>
<h2 id="emphasis"><a href="#emphasis" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Emphasis</h2>
<p><strong>This is bold text</strong></p>
<p><strong>This is bold text</strong></p>
<p><em>This is italic text</em></p>
<p><em>This is italic text</em></p>
<p>~~Strikethrough~~</p>
<h2 id="blockquotes"><a href="#blockquotes" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Blockquotes</h2>
<blockquote>
<p>Blockquotes can also be nested...</p>
<blockquote>
<p>...by using additional greater-than signs right next to each other...</p>
<blockquote>
<p>...or with spaces between arrows.</p>
</blockquote>
</blockquote>
</blockquote>
<h2 id="lists"><a href="#lists" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Lists</h2>
<p>Unordered</p>
<ul>
<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
<li>Sub-lists are made by indenting 2 spaces:
<ul>
<li>Marker character change forces new list start:
<ul>
<li>Ac tristique libero volutpat at</li>
</ul>
<ul>
<li>Facilisis in pretium nisl aliquet</li>
</ul>
<ul>
<li>Nulla volutpat aliquam velit</li>
</ul>
</li>
</ul>
</li>
<li>Very easy!</li>
</ul>
<p>Ordered</p>
<ol>
<li>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<p>Consectetur adipiscing elit</p>
</li>
<li>
<p>Integer molestie lorem at massa</p>
</li>
<li>
<p>You can use sequential numbers...</p>
</li>
<li>
<p>...or keep all the numbers as <code>1.</code></p>
</li>
</ol>
<p>Start numbering with offset:</p>
<ol start="57">
<li>foo</li>
<li>bar</li>
</ol>
<h2 id="code"><a href="#code" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Code</h2>
<p>Inline <code>code</code></p>
<p>Indented code</p>
<div class="remark-highlight"><pre class="language-unknown"><code class="language-unknown">// Some comments
line 1 of code
line 2 of code
line 3 of code</code></pre></div>
<p>Block code "fences"</p>
<div class="remark-highlight"><pre class="language-unknown"><code class="language-unknown">Sample text here...</code></pre></div>
<p>Syntax highlighting</p>
<div class="remark-highlight"><pre class="language-js"><code class="language-js"><span class="token keyword">var</span> <span class="token function-variable function">foo</span> <span class="token operator">=</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">bar</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword control-flow">return</span> bar<span class="token operator">++</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span>

<span class="token console class-name">console</span><span class="token punctuation">.</span><span class="token method function property-access">log</span><span class="token punctuation">(</span><span class="token function">foo</span><span class="token punctuation">(</span><span class="token number">5</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre></div>
<h2 id="tables"><a href="#tables" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Tables</h2>
<p>| Option | Description |
| ------ | ----------- |
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |</p>
<p>Right aligned columns</p>
<p>| Option | Description |
| ------:| -----------:|
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |</p>
<h2 id="links"><a href="#links" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Links</h2>
<p><a href="http://dev.nodeca.com">link text</a></p>
<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p>
<p>Autoconverted link https://github.com/nodeca/pica (enable linkify to see)</p>
<h2 id="images"><a href="#images" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Images</h2>
<p><img src="https://octodex.github.com/images/minion.png" alt="Minion">
<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p>
<p>Like links, Images also have a footnote style syntax</p>
<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p>
<p>With a reference later in the document defining the URL location:</p>
<h2 id="plugins"><a href="#plugins" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>Plugins</h2>
<p>The killer feature of <code>markdown-it</code> is very effective support of
<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p>
<h3 id="emojies"><a href="#emojies" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3>
<blockquote>
<p>Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:</p>
<p>Shortcuts (emoticons): :-) :-( 8-) ;)</p>
</blockquote>
<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p>
<h3 id="subscript--superscript"><a href="#subscript--superscript" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3>
<ul>
<li>19^th^</li>
<li>H~2~O</li>
</ul>
<h3 id="ins"><a href="#ins" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a><a href="https://github.com/markdown-it/markdown-it-ins">&#x3C;ins></a></h3>
<p>++Inserted text++</p>
<h3 id="mark"><a href="#mark" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a><a href="https://github.com/markdown-it/markdown-it-mark">&#x3C;mark></a></h3>
<p>==Marked text==</p>
<h3 id="footnotes"><a href="#footnotes" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3>
<p>Footnote 1 link[^first].</p>
<p>Footnote 2 link[^second].</p>
<p>Inline footnote^[Text of inline footnote] definition.</p>
<p>Duplicated footnote reference[^second].</p>
<p>[^first]: Footnote <strong>can have markup</strong></p>
<div class="remark-highlight"><pre class="language-unknown"><code class="language-unknown">and multiple paragraphs.</code></pre></div>
<p>[^second]: Footnote text.</p>
<h3 id="definition-lists"><a href="#definition-lists" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3>
<p>Term 1</p>
<p>:   Definition 1
with lazy continuation.</p>
<p>Term 2 with <em>inline markup</em></p>
<p>:   Definition 2</p>
<div class="remark-highlight"><pre class="language-unknown"><code class="language-unknown">    { some code, part of Definition 2 }

Third paragraph of definition 2.</code></pre></div>
<p><em>Compact style:</em></p>
<p>Term 1
~ Definition 1</p>
<p>Term 2
~ Definition 2a
~ Definition 2b</p>
<h3 id="abbreviations"><a href="#abbreviations" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3>
<p>This is HTML abbreviation example.</p>
<p>It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.</p>
<p>*[HTML]: Hyper Text Markup Language</p>
<h3 id="custom-containers"><a href="#custom-containers" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3>
<p>::: warning
<em>here be dragons</em>
:::</p>

h1 Heading 8-)
h2 Heading
h3 Heading
h4 Heading
h5 Heading
h6 Heading
Horizontal Rules



Typographic replacements
Enable typographer option to see result.
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
test.. test... test..... test?..... test!....
!!!!!! ???? ,,  -- ---
"Smartypants, double quotes" and 'single quotes'
Emphasis
This is bold text
This is bold text
This is italic text
This is italic text
\~~Strikethrough~~
Blockquotes

Blockquotes can also be nested...

...by using additional greater-than signs right next to each other...

...or with spaces between arrows.



Lists
Unordered

Create a list by starting a line with +, -, or *
Sub-lists are made by indenting 2 spaces:

Marker character change forces new list start:

Ac tristique libero volutpat at


Facilisis in pretium nisl aliquet


Nulla volutpat aliquam velit




Very easy!

Ordered


Lorem ipsum dolor sit amet


Consectetur adipiscing elit


Integer molestie lorem at massa


You can use sequential numbers...


...or keep all the numbers as 1.


Start numbering with offset:

foo
bar

Code
Inline code
Indented code
// Some comments
line 1 of code
line 2 of code
line 3 of code
Block code "fences"
Sample text here...
Syntax highlighting
var foo = function (bar) {
  return bar++;
};

console.log(foo(5));


Tables
| Option | Description |
| ------ | ----------- |
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |
Right aligned columns
| Option | Description |
| ------:| -----------:|
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |
Links
link text
link with title
Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
Images


Like links, Images also have a footnote style syntax

With a reference later in the document defining the URL location:
Plugins
The killer feature of markdown-it is very effective support of
syntax plugins.
Emojies

Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
Shortcuts (emoticons): :-) :-( 8-) ;)

see how to change output with twemoji.
Subscript / Superscript

19^th^
H~2~O

&#x3C;ins>
\++Inserted text++
&#x3C;mark>
\==Marked text==
Footnotes
Footnote 1 link[^first].
Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].
\[^first]: Footnote can have markup
and multiple paragraphs.
\[^second]: Footnote text.
Definition lists
Term 1
:   Definition 1
with lazy continuation.
Term 2 with inline markup
:   Definition 2
    { some code, part of Definition 2 }

Third paragraph of definition 2.

Compact style:
Term 1
\~ Definition 1
Term 2
\~ Definition 2a
\~ Definition 2b
Abbreviations
This is HTML abbreviation example.
It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
\*[HTML]: Hyper Text Markup Language
Custom containers
::: warning
here be dragons
:::
