Typography Elements

October 18, 2016

NOTE: This markdown cheatsheet is a typography demo for this theme. Check out this post to learn more about this markdown usage when you want to get started with this theme. Enjoy!

Typography Elements in One

Let's start with a informative paragraph. This text is bolded. But not this one! How about italic text? Cool right? Ok, let's combine them together. Yeah, that's right! I have code to highlight, so ThisIsMyCode(). What a nice! Good people will hyperlink away, so here we go or http://www.example.com.

Headings H1 to H6

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Footnote

Let's say you have text that you want to refer with a footnote, you can do that too! This is an example for the footnote number one 1. You can even add more footnotes, with link! 2

Blockquote

Start by doing what's necessary; then do what's possible; and suddenly you are doing the impossible. --Francis of Assisi

NOTE: This theme does NOT support nested blockquotes.

List Items

  1. First order list item
  2. Second item
  3. Unordered list can use asterisks
  4. Or minuses
  5. Or pluses

Code Blocks

var s = "JavaScript syntax highlighting";
alert(s);
s = "Python syntax highlighting"
print s
No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.

Table

Table 1: With Alignment

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

Table 2: With Typography Elements

Markdown Less Pretty
Still renders nicely
1 2 3

Horizontal Line

The HTML <hr> element is for creating a "thematic break" between paragraph-level elements. In markdown, you can create a <hr> with any of the following:

  • ___: three consecutive underscores
  • ---: three consecutive dashes
  • ***: three consecutive asterisks

renders to:




Media

YouTube Embedded Iframe

Image

Minion


  1. Footnote number one yeah baby! Long sentence test of footnote to see how the words are wrapping between each other. Might overflowww!

  2. A footnote you can link to - click here!