The Markdown Guide I Wish I Had

2 min read

Markdown is the lingua franca of static sites. This post doubles as a reference for everything the renderer here supports.

Emphasis

You can write italic text, bold text, or both at once. For code spans, use backticks like const answer = 42.

Lists

Unordered lists keep things scannable:

  • First item
  • Second item
    • Nested item
    • Another nested item
  • Third item

Ordered lists work the same way:

  1. Install dependencies
  2. Run the dev server
  3. Ship the build

A link to the Astro docs renders inline. Images are similar but start with a bang:

Neo-brutalist logo

Blockquotes

The best code is the code you never had to write. — Someone, probably

Tables

FeatureSupportedNotes
HeadingsYesLevels 1 through 6
TablesYesGitHub-flavoured Markdown
AlertsYesSee the GitHub alerts post
MathYesPowered by KaTeX

Code

Inline code uses single backticks, while fenced blocks get syntax highlighting:

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

That covers the essentials. Everything else is a variation on these building blocks.

Written by

  • Fajar

    Fajar

    DevOps / Platform Engineer @ PT Mastersystem Infotama

Subscribe to the Newsletter

Get the latest posts delivered right to your inbox.

Comments

Comments