Markdown Here test

Testing the rendering of Markdown Here. Credit to @lambdalice for discovering that it works on Blogger (and that it doesn't work properly).

Pasting code:

function syntaxHighlighting() {

  var n = 33;

  var s = "hi";

  console.log(s);

}

…results in lots of empty lines. This is seems to be because Blogger adds a <p> element for every newline.

It's possible to cheat by hitting Shift+Enter instead of Enter for newlines. It looks the same in raw Markdown, but it renders better:

function syntaxHighlighting() {
  var n = 33;
  var s = "hi";
  console.log(s);
}

However… the code block styling is still messed up.

Let's try removing the display: inline style and see how it looks:

function syntaxHighlighting() {
  var n = 33;
  var s = "hi";
  console.log(s);
}

Better.

• plain
• emphasis
  • strong emphasis
• inline code

1. Numbered list
2. Link

Block quote.

With some markdown.

If TeX Math support is enabled, this is the quadratic equation:

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Tables suffer the same <p>-as-newline problem that code blocks do (well, worse). For example:

| Tables | Are | Cool |

| ——————- |:——————-:| ——-:|

| col 3 is | right-aligned | $1600 |

| col 2 is | centered | $12 |

| zebra stripes | are neat | $1 |

Let's try the Shift+Enter trick:

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

Works pretty well.

Horizontal rule

---

Definition list

Is something people use sometimes.

code block

with no highlighting