Markdown Style Guide

This page previews the Markdown elements used throughout the blog.

Headings

Headings from level two through level six share the site’s serif typography and spacing.

A level-three heading

A level-four heading

Code and syntax highlighting

Inline code looks like const greeting = 'Hello'.

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

console.log(greet('reader'))

GitHub-style alerts

NOTE

Notes highlight useful context that is worth noticing while skimming.

TIP

Tips suggest a practical way to make a task easier.

WARNING

Warnings call attention to behavior that may have unwanted consequences.

Emphasis

Text can be italic, bold, or both. Strikethrough is also supported with two tildes.

Astro
is the framework used to build this site.

Lists

  1. First ordered item
  2. Second ordered item
  3. Third ordered item
  • An unordered item
  • Another unordered item
  • One more unordered item

Blockquote

Good tools disappear into the work and leave the idea in focus.

Table

FeatureSupportedExample
EmphasisYesBold text
Inline codeYespnpm build
LinksYes
Home