Markdown typography: text, tables and code

Markdown provides basic formatting for text, lists, tables and code. See how each appears in an article below.

Text and links

Use bold, italic, strikethrough and inline code.

Links can point to an article on this site or an external page such as the Astro documentation.

Lists

Ordered and unordered lists

1. State a specific question.
2. Explain the process with examples.
3. Add sources to the conclusion.

• Apples
• Bananas
• Oranges

Task lists

• Finish the article
• Check internal links
• Read it once on a narrow screen

Quotations and separators

Quoted text is supported,

including nested quotations.

Separators are also supported.

Tables

Wide tables scroll horizontally within their own area.

Expressive Code blocks

type Reader = { name: string };
const reader: Reader = { name: 'BlogGPT' };

function greeting({ name }: Reader) {
  return `Hello, ${name}!`;
}

pnpm check
pnpm build

Code blocks support syntax highlighting, filenames, line markers and copying. Configure light/dark code themes and line numbers in appearance.

Images

Insert images with ![description](path). See Content organization for files and attachments, and Article enhancements for math, diagrams and interactive components.