247 lines
13 KiB
HTML
247 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html class="no-js" lang="en">
|
||
<head>
|
||
<title>CommonMark compliant - DAUX.IO</title>
|
||
<meta name="description" content="The Easiest Way To Document Your Project">
|
||
<meta name="author" content="Stéphane Goetz">
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
||
<link rel="icon" href="../themes/daux/img/favicon-blue.png" type="image/x-icon">
|
||
|
||
<!-- Mobile -->
|
||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- Font -->
|
||
|
||
<!-- CSS -->
|
||
<link href='../themes/daux/css/theme-blue.min.css' rel='stylesheet' type='text/css'>
|
||
<!-- Tipue Search -->
|
||
<link href="../tipuesearch/tipuesearch.css" rel="stylesheet">
|
||
|
||
<!--[if lt IE 9]>
|
||
<script src="../themes/daux/js/html5shiv-3.7.3.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
<body class="with-float ">
|
||
<div class="Columns content">
|
||
<aside class="Columns__left Collapsible">
|
||
<button type="button" class="Button Collapsible__trigger">
|
||
<span class="Collapsible__trigger__bar"></span>
|
||
<span class="Collapsible__trigger__bar"></span>
|
||
<span class="Collapsible__trigger__bar"></span>
|
||
</button>
|
||
|
||
<a class="Brand" href="../index.html">DAUX.IO</a>
|
||
|
||
<div class="Search">
|
||
<svg class="Search__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 451 451">
|
||
<path d="M447.05 428l-109.6-109.6c29.4-33.8 47.2-77.9 47.2-126.1C384.65 86.2 298.35 0 192.35 0 86.25 0 .05 86.3.05 192.3s86.3 192.3 192.3 192.3c48.2 0 92.3-17.8 126.1-47.2L428.05 447c2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4c5.2-5.2 5.2-13.8 0-19zM26.95 192.3c0-91.2 74.2-165.3 165.3-165.3 91.2 0 165.3 74.2 165.3 165.3s-74.1 165.4-165.3 165.4c-91.1 0-165.3-74.2-165.3-165.4z"/>
|
||
</svg>
|
||
<input type="search" id="tipue_search_input" class="Search__field" placeholder="Search..." autocomplete="on"
|
||
results=25 autosave=text_search>
|
||
</div>
|
||
|
||
<div class="Collapsible__content">
|
||
<!-- Navigation -->
|
||
<ul class='Nav'><li class='Nav__item '><a href="../Getting_Started.html">Getting Started</a></li><li class='Nav__item Nav__item--open has-children'><a href="../Features/Auto_Syntax_Highlight.html" class="folder"><i class="Nav__arrow"> </i>Features</a><ul class='Nav'><li class='Nav__item '><a href="../Features/Auto_Syntax_Highlight.html">Auto Syntax Highlight</a></li><li class='Nav__item Nav__item--active'><a href="../Features/CommonMark_compliant.html">CommonMark compliant</a></li><li class='Nav__item '><a href="../Features/Edit_on_GitHub_links.html">Edit on GitHub links</a></li><li class='Nav__item '><a href="../Features/Front_Matter.html">Front Matter</a></li><li class='Nav__item '><a href="../Features/Internal_links.html">Internal links</a></li><li class='Nav__item '><a href="../Features/Landing_page.html">Landing page</a></li><li class='Nav__item '><a href="../Features/Live_mode.html">Live mode</a></li><li class='Nav__item '><a href="../Features/Multilanguage.html">Multilanguage</a></li><li class='Nav__item '><a href="../Features/Multiple_Output_Formats.html">Multiple Output Formats</a></li><li class='Nav__item '><a href="../Features/Navigation_and_Sorting.html">Navigation and Sorting</a></li><li class='Nav__item '><a href="../Features/Search.html">Search</a></li><li class='Nav__item '><a href="../Features/Static_Site_Generation.html">Static Site Generation</a></li><li class='Nav__item '><a href="../Features/Table_of_contents.html">Table of contents</a></li></ul></li><li class='Nav__item has-children'><a href="../Examples/index.html" class="folder"><i class="Nav__arrow"> </i>Examples</a><ul class='Nav'><li class='Nav__item '><a href="../Examples/Code_Highlighting.html">Code Highlighting</a></li><li class='Nav__item '><a href="../Examples/Hello_World.html">Hello World</a></li><li class='Nav__item '><a href="../Examples/Hello_World_de.html">Hallo Welt</a></li><li class='Nav__item '><a href="../Examples/привет_мир.html">привет мир</a></li><li class='Nav__item '><a href="../Examples/你好世界.html">你好世界</a></li></ul></li><li class='Nav__item has-children'><a href="../Configuration/index.html" class="folder"><i class="Nav__arrow"> </i>Configuration</a><ul class='Nav'><li class='Nav__item '><a href="../Configuration/Confluence_upload.html">Confluence upload</a></li><li class='Nav__item '><a href="../Configuration/Html_export.html">Html export</a></li></ul></li><li class='Nav__item has-children'><a href="../For_Developers/Creating_a_Processor.html" class="folder"><i class="Nav__arrow"> </i>For Developers</a><ul class='Nav'><li class='Nav__item '><a href="../For_Developers/Creating_a_Processor.html">Creating a Processor</a></li><li class='Nav__item '><a href="../For_Developers/Creating_a_Theme.html">Creating a Theme</a></li></ul></li></ul>
|
||
|
||
<div class="Links">
|
||
<hr/>
|
||
<a href="https://github.com/dauxio/daux.io/archive/master.zip" target="_blank">Download</a>
|
||
<br />
|
||
<a href="https://github.com/dauxio/daux.io" target="_blank">GitHub Repo</a>
|
||
<br />
|
||
<a href="https://github.com/dauxio/daux.io/issues" target="_blank">Help/Support/Bugs</a>
|
||
<br />
|
||
</div>
|
||
|
||
<div class="CodeToggler">
|
||
<hr/>
|
||
<span class="CodeToggler__text">Code blocks</span>
|
||
<div class="ButtonGroup" role="group">
|
||
<button class="Button Button--default Button--small CodeToggler__button CodeToggler__button--hide">No</button>
|
||
<button class="Button Button--default Button--small CodeToggler__button CodeToggler__button--below">Below</button>
|
||
<button class="Button Button--default Button--small CodeToggler__button CodeToggler__button--float">Inline</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="Twitter">
|
||
<hr/>
|
||
<iframe allowtransparency="true" frameborder="0" scrolling="no" style="width:162px; height:20px;" src="https://platform.twitter.com/widgets/follow_button.html?screen_name=onigoetz&show_count=false"></iframe>
|
||
<br />
|
||
<br />
|
||
</div>
|
||
|
||
<div class="PoweredBy">
|
||
<hr/>
|
||
Powered by Daux.io </div>
|
||
</div>
|
||
</aside>
|
||
<div class="Columns__right Columns__right--float">
|
||
<div class="Columns__right__content">
|
||
<div class="doc_content">
|
||
<article class="Page">
|
||
|
||
<div class="Page__header">
|
||
<h1><a href="../Features/Auto_Syntax_Highlight.html">Features</a> <svg class="Page__header--separator" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 477.175 477.175"><path d="M360.73 229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1 0s-5.3 13.8 0 19.1l215.5 215.5-215.5 215.5c-5.3 5.3-5.3 13.8 0 19.1 2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-4l225.1-225.1c5.3-5.2 5.3-13.8.1-19z"/></svg> <a href="../Features/CommonMark_compliant.html">CommonMark compliant</a></h1>
|
||
<span class="ModifiedDate">
|
||
Thursday, June 7, 2018 11:42 AM </span>
|
||
<span class="EditOn">
|
||
<a href="https://github.com/dauxio/daux.io/blob/master/docs/01_Features/CommonMark_compliant.md" target="_blank">
|
||
Edit on GitHub </a>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="s-content">
|
||
<p>As we support CommonMark, a broad range of markdown features is available to you.</p>
|
||
<p>Many of the features shown below were known as Github Flavored Markdown.</p>
|
||
<h2 id="page_We-all-like-making-lists">We all like making lists</h2>
|
||
<p>The above header should be an H2 tag. Now, for a list of fruits:</p>
|
||
<ul>
|
||
<li>Red Apples</li>
|
||
<li>Purple Grapes</li>
|
||
<li>Green Kiwifruits</li>
|
||
</ul>
|
||
<p>Let's get crazy:</p>
|
||
<ol>
|
||
<li>
|
||
<p>This is a list item with two paragraphs. Lorem ipsum dolor
|
||
sit amet, consectetuer adipiscing elit. Aliquam hendrerit
|
||
mi posuere lectus.</p>
|
||
<p>Vestibulum enim wisi, viverra nec, fringilla in, laoreet
|
||
vitae, risus. Donec sit amet nisl. Aliquam semper ipsum
|
||
sit amet velit.</p>
|
||
</li>
|
||
<li>
|
||
<p>Suspendisse id sem consectetuer libero luctus adipiscing.</p>
|
||
</li>
|
||
</ol>
|
||
<p>What about some code <strong>in</strong> a list? That's insane, right?</p>
|
||
<ol>
|
||
<li>
|
||
<p>In Ruby you can map like this:</p>
|
||
<pre><code> ['a', 'b'].map { |x| x.uppercase }
|
||
</code></pre>
|
||
</li>
|
||
<li>
|
||
<p>In Rails, you can do a shortcut:</p>
|
||
<pre><code> ['a', 'b'].map(&:uppercase)
|
||
</code></pre>
|
||
</li>
|
||
</ol>
|
||
<p>Some people seem to like definition lists</p>
|
||
<h2 id="page_I-am-a-robot">I am a robot</h2>
|
||
<p>Maybe you want to print <code>robot</code> to the console 1000 times. Why not?</p>
|
||
<pre><code>def robot_invasion
|
||
puts("robot " * 1000)
|
||
end
|
||
</code></pre>
|
||
<p>You see, that was formatted as code because it's been indented by four spaces.</p>
|
||
<p>How about we throw some angle braces and ampersands in there?</p>
|
||
<pre><code><div class="footer">
|
||
&copy; 2004 Foo Corporation
|
||
</div>
|
||
</code></pre>
|
||
<h2 id="page_Set-in-stone">Set in stone</h2>
|
||
<p>Preformatted blocks are useful for ASCII art:</p>
|
||
<pre>
|
||
,-.
|
||
, ,-. ,-.
|
||
/ \ ( )-( )
|
||
\ | ,.>-( )-<
|
||
\|,' ( )-( )
|
||
Y ___`-' `-'
|
||
|/__/ `-'
|
||
|
|
||
|
|
||
| -hrr-
|
||
___|_____________
|
||
</pre>
|
||
<h2 id="page_Playing-the-blame-game">Playing the blame game</h2>
|
||
<p>If you need to blame someone, the best way to do so is by quoting them:</p>
|
||
<blockquote>
|
||
<p>I, at any rate, am convinced that He does not throw dice.</p>
|
||
</blockquote>
|
||
<p>Or perhaps someone a little less eloquent:</p>
|
||
<blockquote>
|
||
<p>I wish you'd have given me this written question ahead of time so I
|
||
could plan for it... I'm sure something will pop into my head here in
|
||
the midst of this press conference, with all the pressure of trying to
|
||
come up with answer, but it hadn't yet...</p>
|
||
<p>I don't want to sound like
|
||
I have made no mistakes. I'm confident I have. I just haven't - you
|
||
just put me under the spot here, and maybe I'm not as quick on my feet
|
||
as I should be in coming up with one.</p>
|
||
</blockquote>
|
||
<h2 id="page_Table-for-two">Table for two</h2>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>ID</th>
|
||
<th align="center">Name</th>
|
||
<th align="right">Rank</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>1</td>
|
||
<td align="center">Tom Preston-Werner</td>
|
||
<td align="right">Awesome</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2</td>
|
||
<td align="center">Albert Einstein</td>
|
||
<td align="right">Nearly as awesome</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<h2 id="page_Crazy-linking-action">Crazy linking action</h2>
|
||
<p>I get 10 times more traffic from [Google] <a href="http://google.com/" title="Google" class="Link--external">1</a> than from
|
||
[Yahoo] <a href="http://search.yahoo.com/" title="Yahoo Search" class="Link--external">2</a> or [MSN] <a href="http://search.msn.com/" title="MSN Search" class="Link--external">3</a>.</p>
|
||
<h2 id="page_Images">Images</h2>
|
||
<p>Here's an image.</p>
|
||
<p><img src="sampleimage.png" alt="This is an image" /></p>
|
||
<p>Note: to use images on a landing page (index.md), prefix the image URL with the name of the directory it appears in, omitting the numerical prefix used to order the sections. For example in this section, to display this image on the landing page (index.md), the URL for the image would be "Features/sampleimage.png" to display the same image.</p>
|
||
<p><em>View the <a href="https://github.com/dauxio/daux.io/blob/master/docs/01_Features/CommonMark_compliant.md" class="Link--external">source of this content</a>.</em></p>
|
||
</div>
|
||
|
||
<nav>
|
||
<ul class="Pager">
|
||
<li class=Pager--prev><a href="../Features/Auto_Syntax_Highlight.html">Previous</a></li> <li class=Pager--next><a href="../Features/Edit_on_GitHub_links.html">Next</a></li> </ul>
|
||
</nav>
|
||
</article>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||
|
||
ga('create', 'UA-3551397-7', '');
|
||
ga('send', 'pageview');
|
||
</script>
|
||
|
||
<!-- JS -->
|
||
<script src="../themes/daux/js/jquery-1.11.3.min.js"></script><script src="../themes/daux/js/highlight.pack.js"></script><script src="../themes/daux/js/daux.js"></script>
|
||
<!-- Tipue Search -->
|
||
<script type="text/javascript" src="../tipuesearch/tipuesearch.js"></script>
|
||
|
||
<script>
|
||
window.onunload = function(){}; // force $(document).ready to be called on back/forward navigation in firefox
|
||
$(function() {
|
||
tipuesearch({
|
||
'base_url': '../'
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|