150 lines
2.4 KiB
HTML
150 lines
2.4 KiB
HTML
<div class="appframe col-span-12">
|
|
<div class="layout-appframe">
|
|
<div class="appframe-titlebar">
|
|
<span class="appframe-title">Markdown Reference</span>
|
|
<span class="close" onclick="window.history.back()">×</span>
|
|
</div>
|
|
</div>
|
|
<div class="layout-main">
|
|
<div style="width: 60%" class="markdown">
|
|
<h3>Phrase Emphasis</h3>
|
|
<pre><code>*italic* **bold**
|
|
_italic_ __bold__
|
|
</code></pre>
|
|
|
|
<h3>Links</h3>
|
|
|
|
<p>Inline:</p>
|
|
|
|
<pre><code>An [example](http://url.com/ "Title")
|
|
</code></pre>
|
|
|
|
<p>Reference-style labels (titles are optional):</p>
|
|
|
|
<pre><code>An [example][id]. Then, anywhere
|
|
else in the doc, define the link:
|
|
|
|
[id]: http://example.com/ "Title"
|
|
</code></pre>
|
|
|
|
<h3>Images</h3>
|
|
|
|
<p>Inline (titles are optional):</p>
|
|
|
|
<pre><code>
|
|
</code></pre>
|
|
|
|
<p>Reference-style:</p>
|
|
|
|
<pre><code>![alt text][id]
|
|
|
|
[id]: /url/to/img.jpg "Title"
|
|
</code></pre>
|
|
|
|
<h3>Headers</h3>
|
|
|
|
<p>Setext-style:</p>
|
|
|
|
<pre><code>Header 1
|
|
========
|
|
|
|
Header 2
|
|
--------
|
|
|
|
</code></pre>
|
|
|
|
<p>atx-style (closing #'s are optional):</p>
|
|
|
|
<pre><code># Header 1 #
|
|
|
|
|
|
</code></pre>
|
|
|
|
<h3>Lists</h3>
|
|
|
|
<p>Ordered, without paragraphs:</p>
|
|
|
|
<pre><code>1. Foo
|
|
2. Bar
|
|
</code></pre>
|
|
|
|
<p>Unordered, with paragraphs:</p>
|
|
|
|
<pre><code>* A list item.
|
|
|
|
With multiple paragraphs.
|
|
|
|
* Bar
|
|
</code></pre>
|
|
|
|
<p>You can nest them:</p>
|
|
|
|
<pre><code>* Abacus
|
|
* ass
|
|
* Bastard
|
|
1. bitch
|
|
2. bupkis
|
|
* BELITTLER
|
|
3. burper
|
|
* Cunning
|
|
</code></pre>
|
|
|
|
<h3>Blockquotes</h3>
|
|
|
|
<pre><code>> Email-style angle brackets
|
|
|
|
> are used for blockquotes.
|
|
|
|
> > And, they can be nested.
|
|
|
|
> >
|
|
> * You can quote a list.
|
|
> * Etc.
|
|
</code></pre>
|
|
|
|
<h3>Code Spans</h3>
|
|
|
|
<pre><code>`<code>` spans are delimited
|
|
by backticks.
|
|
|
|
You can include literal backticks
|
|
like `` `this` ``.
|
|
</code></pre>
|
|
|
|
<h3>Preformatted Code Blocks</h3>
|
|
|
|
<p>Indent every line of a code block by at least 4 spaces or 1 tab, and use a colon at the end of the preceding paragraph.</p>
|
|
|
|
<pre><code>This is a normal paragraph:
|
|
|
|
This is a preformatted
|
|
code block.
|
|
|
|
Preceded by a space, the colon
|
|
disappears. :
|
|
|
|
This is a preformatted
|
|
code block.
|
|
</code></pre>
|
|
|
|
<h3>Horizontal Rules</h3>
|
|
|
|
<p>Three or more dashes or asterisks:</p>
|
|
|
|
<pre><code>---
|
|
|
|
* * *
|
|
|
|
- - - -
|
|
</code></pre>
|
|
|
|
<h3>Manual Line Breaks</h3>
|
|
|
|
<p>End a line with two or more spaces:</p>
|
|
|
|
<pre><code>Roses are red,
|
|
Violets are blue.
|
|
</code></pre>
|
|
</div>
|
|
</div>
|
|
</div> |