Markdown elements

This page is a small reference for checking how Markdown renders on this site. It is useful when I adjust typography, spacing, colors, or post layout.

Headings

Headings should create a clear rhythm without making the page feel too heavy.

A third-level heading

Text after a smaller heading should still feel connected to the section above it.

Text

Markdown supports bold text, italic text, and inline code. Links should be visible but not too loud, like the Astro documentation.

Lists

Unordered lists:

• Technical notes
• Travel photos
• Small records worth keeping

Ordered lists:

1. Write the note.
2. Check the layout.
3. Publish when it is useful enough.

Quote

A useful note does not need to be long. It only needs to be clear enough for the next time I need it.

Code

const site = {
  posts: "Markdown",
  photos: "R2",
  metadata: "D1",
};

Table

Admonitions

Math

Inline math like $a^2 + b^2 = c^2$ should sit naturally inside a paragraph.

Block math: