Markdown was created to make formatting text as easy and intuitive as possible. Easy to write, easy to read, and easy to edit. What makes markdown so nice to work with is that it consists entirely of punctuation characters, so there is no need to nest and close blocks of HTML code. We take your nicely formatted text, and turn it into html code that the browser then renders on the screen. It is not meant to be the end all and be all of formatting, but only to provide the most useful and basic syntax that can be conveyed in plain text.
# Header One
<h1>Header One</h1>
Header One
## Header Two
<h2>Header Two</h2>
Header Two
### Header Three
<h3>Header Three</h3>
Header Three
---
<hr />
This is a paragraph that continues on the next line. Another paragraph.
<p>This is a paragraph that continues on the next line.</p> <p>Another paragraph.</p>
This is a paragraph that continues on the next line.
Another paragraph.
> I am a blockquote
<blockquote> <p>I am a blockquote</p> </blockquote>
I am a blockquote
Say something **bold** and __strong__.
<p>Say something <strong>bold</strong> and <strong>strong</strong>.</p>
Say something bold and strong.
Put the *emphasis* in _words_.
<p>Put the <em>emphasis</em> in <em>words</em>.</p>
Put the emphasis in words.
Give it ***all you've got***, and ___then some___.
<p>Give it <strong><em>all you've got</em></strong>, and <strong><em>then some</em></strong>.</p>
Give it all you've got, and then some.
Escape an actual *asterisk* or _underscore_.
<p>Escape an actual <em>asterisk</em> or <em>underscore</em>.</p>
Escape an actual asterisk or underscore.
~~Delete~~ the bad parts.
<p><del>Delete</del> the bad parts.</p>
Delete the bad parts.
http://example.com autolink.
<p><a href="http://example.com">http://example.com</a> autolink.</p>
http://example.com autolink.
Link to [Google](https://www.google.com/ "Search").
<p>Link to <a href="https://www.google.com/" title="Search">Google</a>.</p>
Link to Google.
Display an .
<p>Display an <img src="/favicon-16x16.png" alt="Image" title="BootPress" />.</p>
Display an 
.
Show off your `code` with `` `backticks` `` and `<html>`.
<p>Show off your <code>code</code> with <code>`backticks`</code> and <code><html></code>.</p>
Show off your code with `backticks` and <html>.
```php echo 'Hello World'; ```
<pre><code class="language-php">echo 'Hello World';</code></pre>
echo 'Hello World';1. Uno 2. Dos 3. Tres
<ol> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ol>
- Uno
- Dos
- Tres
- One - More - Two - Three
<ul> <li>One <ul> <li>More</li> </ul></li> <li>Two</li> <li>Three</li> </ul>
- One
- More
- Two
- Three
| Table | Header | | ----- | ------ | | Cell | Block |
<table> <thead> <tr> <th>Table</th> <th>Header</th> </tr> </thead> <tbody> <tr> <td>Cell</td> <td>Block</td> </tr> </tbody> </table>
| Table | Header |
|---|---|
| Cell | Block |
| Align | Table | Cells | | :---- | :----: | ----: | | Left | Center | Right |
<table> <thead> <tr> <th style="text-align: left;">Align</th> <th style="text-align: center;">Table</th> <th style="text-align: right;">Cells</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;">Left</td> <td style="text-align: center;">Center</td> <td style="text-align: right;">Right</td> </tr> </tbody> </table>
| Align | Table | Cells |
|---|---|---|
| Left | Center | Right |
We use Parsedown (via {% markdown %}) to create the markup from your markdown in your Blog Posts and Pages. For edge cases and further minutae see also:
The point obviously is to keep things simple. For anything fancy, you can use plain old HTML. The only thing to keep in mind is that block level elements (<div>, <table>, <pre>, <p>, etc.) must:
- Be separated from surrounding content by blank lines (just like another paragraph)
- Open and close on newlines with no indented tabs or spaces
Any markdown text within the block level elements will be ignored, ie. not marked up.