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.

Block quote.

With some markdown.

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

$-b \pm \sqrt{b^2 - 4ac} \over 2a$

Header 1

Header 2

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:

Works pretty well.

Horizontal rule


code block

with no highlighting