The purpose of this page is simple: every Markdown element should appear at least once. If this page looks balanced, every article on the site will look balanced.
Paragraphs
Typography succeeds when it disappears. The reader should notice ideas, not styling. A comfortable measure, generous line height, and consistent spacing matter far more than decorative effects.
A paragraph can contain bold text, emphasized text, strikethrough, inline code, abbreviations like HTML and CSS, and a link to Astro.
External Links
This paragraph links to Astro, MDN, and OpenStreetMap. External links should be distinguishable without distracting from the surrounding text.
Images
A paragraph should continue naturally after an image.
Figure 1. A simple caption demonstrating spacing and typography.
Lists
Unordered
- One item
- Another item
- A longer list item that wraps onto multiple lines to verify indentation.
- Nested item
- Another nested item
- Final item
Ordered
- First step
- Second step
- Third step
- Nested step
- Another nested step
Task List
Blockquote
We shape our tools, and thereafter our tools shape us.
— Marshall McLuhan
Aside
aside
Looking twice often reveals more than looking longer.
Code
Inline code like Array.prototype.map() should blend naturally into the text.
interface Article {
title: string;
published: Date;
}
const articles = await getCollection("articles");
const recent = articles
.sort((a, b) => b.data.published.getTime() - a.data.published.getTime())
.slice(0, 5);
