February 16, 2014

Markdown, HTML Made Easy

Markdown is a tool to transform document, from prose writing format into the web publishing format (HTML). Simply type what you want, and let Markdown take the rest. I was introduced to Markdown when exploring how to create HTML5 presentation based on Google IO 2013 slides.

The rule is very simple. A line will be come a paragraph. To start another paragraph, put a blank line after previous line.
First paragraph

Another paragraph
The above output will be
<p>First paragraph</p>
<p>Another paragraph</p>
To make text bold, put double asterisk at the start and the end of character, word, or sentence. To make it italic, put single asterisk instead.
This is a **bold** text

While this is an *italic* text
The output after processed by Markdown will be
<p>This is a <strong>bold</strong> text</p>
<p>White this is an <em>italic</em> text</p>
To create a list, simply type like you always do when creating list using notepad, or write on your note book.
-   Nasi kuning
-   Rendang
-   Sayur lodeh
The HTML output from Markdown
<li>Nasi kuning</li>
<li>Sayur lodeh</li>
More about Markdown syntax, visit http://daringfireball.net/projects/markdown/syntax

This post was created using Markdown. I write the post, then run the markdown_py script then copy/paste the output to Blogger :)