147 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			147 lines
		
	
	
		
			2.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <button class="btn btn-success dropdown-toggle button-markdown-syntax" title="Markdown syntax" data-toggle="dropdown">
 | |
| 	<i class="icon-help-circled"></i>
 | |
| </button>
 | |
| <div class="dropdown-menu pull-right">
 | |
| 	<h3>Markdown syntax</h3>
 | |
|     <hr>
 | |
| 	<div class="markdown-syntax">
 | |
| <h4>Phrase Emphasis</h4>
 | |
| 
 | |
| <pre><code>*italic*   **bold**
 | |
| _italic_   __bold__
 | |
| </code></pre>
 | |
| 
 | |
| <h4>Links</h4>
 | |
| 
 | |
| <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>
 | |
| 
 | |
| <h4>Images</h4>
 | |
| 
 | |
| <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>
 | |
| 
 | |
| <h4>Headers</h4>
 | |
| 
 | |
| <p>Setext-style:</p>
 | |
| 
 | |
| <pre><code>Header 1
 | |
| ========
 | |
| 
 | |
| Header 2
 | |
| --------
 | |
| </code></pre>
 | |
| 
 | |
| <p>atx-style (closing #'s are optional):</p>
 | |
| 
 | |
| <pre><code># Header 1 #
 | |
| 
 | |
| ## Header 2 ##
 | |
| 
 | |
| ###### Header 6
 | |
| </code></pre>
 | |
| 
 | |
| <h4>Lists</h4>
 | |
| 
 | |
| <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
 | |
|     * answer
 | |
| *   Bubbles
 | |
|     1.  bunk
 | |
|     2.  bupkis
 | |
|         * BELITTLER
 | |
|     3. burper
 | |
| *   Cunning
 | |
| </code></pre>
 | |
| 
 | |
| <h4>Blockquotes</h4>
 | |
| 
 | |
| <pre><code>> Email-style angle brackets
 | |
| > are used for blockquotes.
 | |
| 
 | |
| > > And, they can be nested.
 | |
| 
 | |
| > #### Headers in blockquotes
 | |
| >
 | |
| > * You can quote a list.
 | |
| > * Etc.
 | |
| </code></pre>
 | |
| 
 | |
| <h4>Code Spans</h4>
 | |
| 
 | |
| <pre><code>`<code>` spans are delimited
 | |
| by backticks.
 | |
| 
 | |
| You can include literal backticks
 | |
| like `` `this` ``.
 | |
| </code></pre>
 | |
| 
 | |
| <h4>Preformatted Code Blocks</h4>
 | |
| 
 | |
| <p>Indent every line of a code block by at least 4 spaces or 1 tab.</p>
 | |
| 
 | |
| <pre><code>This is a normal paragraph.
 | |
| 
 | |
|     This is a preformatted
 | |
|     code block.
 | |
| </code></pre>
 | |
| 
 | |
| <h4>Horizontal Rules</h4>
 | |
| 
 | |
| <p>Three or more dashes or asterisks:</p>
 | |
| 
 | |
| <pre><code>---
 | |
| 
 | |
| * * *
 | |
| 
 | |
| - - - -
 | |
| </code></pre>
 | |
| 
 | |
| <h4>Manual Line Breaks</h4>
 | |
| 
 | |
| <p>End a line with two or more spaces:</p>
 | |
| 
 | |
| <pre><code>Roses are red,
 | |
| Violets are blue.
 | |
| </code></pre>
 | |
| 
 | |
| <blockquote>Based on the <a target="_blank" href="https://github.com/fletcher/MultiMarkdown/blob/master/Documentation/Markdown%20Syntax.md">Markdown syntax guide</a>, by Fletcher T. Penney.</blockquote>
 | |
|     </div>
 | |
|     <hr>
 | |
| </div>
 | 
