Welcome to the Markdown preview service

Doing an HTTP Post to '/' with the folowing:

{
    markdown: "Your markdown goes here."
}

Will return:

<p>Your markdown goes here.</p>

Why

My blog currently uses github flavoured markdown to author entries and I find it a real chore to edit these entries. I want to write a locally hosted application that can facilitate the posting process.

Try it yourself

  1. In a separate tab open the split window editor. This gives you the rendered markdown as you type!
  2. Download the markdown file of the page you're currently reading. How meta...
  3. Copy the file's contents into the clipboard.

Have you downloaded the file? If you have the contents of the file in the clipboard, you can now close this tab as you'll have a copy of this page rendered as soon as you paste it into the left text area on the next tab.

Basics of Markdown

#Heading
## Subheading
### Subsubheading

Produces:

Heading

Subheading

Subsubheading

1. One
2. Two
3. Three
3. Four?

Produces:

  1. One
  2. Two
  3. Three
  4. Four?

``` ruby
#!/usr/bin/local/ruby
puts "ruby...awesome"
```

Produces:

#!/usr/bin/local/ruby 
puts "ruby...awesome"

Which looks like this in raw html:

<div class="highlight"><pre><span class="c1">#!/usr/bin/local/ruby</span>
<span class="nb">puts</span> <span class="s2">"ruby...awesome"</span>
</pre></div>

By adding the pygmentize css to your web page, you can get your code nicely highlighted.

You can also include straight HTML. Look at the following section.

About

--------------->(×)

Combined with twitter bootstrap, straight Html allows you to add their components. Notice the x in the corner. Why don't you try clicking it? Remove the crude ASCII arrows while you're at it.

This page uses the following technologies:

SinatraMicro web frameworkHome page
Twitter BootstrapKickass Page Layouts and ComponentsHome page
AngularJSJavaScript with two way {{model_binding}}, sexy!Home page

Source code here.