← Back to blog

Markdown Kitchen Sink

This post exists purely to check that every common Markdown feature renders correctly on this blog. It has bold text, italic text, strikethrough, and inline code.

Headings

A level-three heading

A level-four heading

Lists

Unordered, with nesting:

  • First item
  • Second item
    • Nested item A
    • Nested item B
  • Third item

Ordered:

  1. Set up the project
  2. Write the content
  3. Ship it

Task list:

  • Write test post
  • Add random images
  • Convince myself GFM tables work

Blockquote

Premature optimization is the root of all evil. — Donald Knuth

Code blocks

Inline const x = 42 looks fine, and fenced blocks should get syntax highlighting:

function greet(name) {
	return `Hello, ${name}!`;
}

console.log(greet("world"));
def fib(n):
    a, b = 0, 1
    for _ in range(n):
        a, b = b, a + b
    return a

A table

Language Typed Year
JavaScript No 1995
TypeScript Yes 2012
Rust Yes 2010
Python Dynamic 1991

Here’s a link to Astro’s docs.

A random placeholder image:

A random placeholder image

A “graph” — a quick bar chart rendered as an image via QuickChart:

Bar chart of sample data

Horizontal rule

Below is a horizontal rule.


That’s it — if headings, lists, tables, code blocks, blockquotes, links, and images all look right above, Markdown rendering is working end to end.