An Example Post

A sample post showing the frontmatter fields and the markdown features this site supports.

This is an example post. Every post is a markdown file in src/content/blog/ with four frontmatter fields: title, description, date, and an optional draft flag. Set draft: true to keep a post out of the build while you work on it.

The opening paragraph before the first heading works well as an introduction. It shows up in search results and gives readers a reason to keep going.

Headings become the table of contents

Every level-two heading in a post is picked up automatically and rendered as the table of contents in the sidebar on wider screens. Keep headings short and descriptive, since they double as navigation.

Regular paragraphs, bold text, italics, and links all work the way you’d expect from markdown.

Code blocks

Fenced code blocks get syntax highlighting that follows the active color palette:

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

console.log(greet('world'));

Inline code like npm run build is styled too.

Lists and more

Unordered lists:

  • First item
  • Second item
  • Third item

Ordered lists:

  1. Write a post
  2. Preview it locally
  3. Publish

Blockquotes are available for callouts or quoting other work.

Wrapping up

Delete this file and add your own posts. The newest post automatically gets a “latest” tag on the blog page, and the three most recent posts appear on the home page.

Light