Simple MARKDOWN Cheatsheet

Category : code

Date : March 10, 2016

Markdown is a minimal syntax for marking up your content using special tag/syntax (punctuations and special characters).

Why you should know markdown ?

GitHub Flavored Markdown (GFM) are used in Readme file on GitHub, blogging platform like Jekyll, Ghost, Tumblr and even text editors like letterspace. There are many other similar platforms which recommends markdown.

This post is just a quick reference and showcase for all the frequently used markdown tags.

Headings

Most of the time we will be working with just text formating in markdown.

  # H1
  ## H2
  ### H3
  #### H4
  ##### H5
  ###### H6
          

H1

H2

H3

H4

H5
H6

Text Formatting

Simple style, quote and emphasis can be given with *, - and _.

Wrap a P Tag around this text Some Italics text and somemore Italics text Some Bold text and somemore Bold text

If you can’t explain it simply, you don’t…

  • Albert Einstein

Wrap a P Tag around this text

Some Italics text and somemore Italics text

Some Bold text and somemore Bold text

If you can’t explain it simply, you don’t understand it well enough.
- Albert Einstein

Links and Images

This is one syntax i copy and paste most of the time from GFM.

  [About Codejets](https://codejets.com "About Us")
  ![Codejets Image](http://codejets.com/logo.png)
  [Contact Us](/contact "Relative link")
      </pre>
    </div>
  </div>
  <div class="col5 demo-block">
    <div class="panel">
      
      <a href="https://codejets.com" title="About Us">About Codejets</a>
      <br>
      <a href="/contact" title="Relative link">Contact Us</a>

    </div>
  </div>

Lists

Ordered and Unordered List.

    Ordered List:
      1. One
      2. Two
      3. Three
Unordered List with *
  * One
  * Two
Unordered List with dashes
  - One
  - Two
    - Two.One
    - Two.Two
      </pre>
    </div>
  </div>
  <div class="col5 demo-block">
    <div class="panel" style="min-height: 500px;">
        
        <p style="margin-top: 0">Ordered List:</p>
        <ol>
          <li>One</li>
          <li>Two</li>
          <li>Three</li>
        </ol>
        <p>Unordered List with *</p>
        <ul>
          <li>One</li>
          <li>Two</li>
        </ul>
        <p>Unordered List with dashes</p>
        <ul>
          <li>One</li>
          <li>Two
            <ul>
              <li>Two.One</li>
              <li>Two.Two</li>
            </ul>
          </li>
        </ul>
      
    </div>
  </div>

If you have any questions, comments or suggestions, feel free to join the discussion below!