Blog Showcase: How Markdown Renders in This Template

This post is a living style guide. It shows how the template renders every common Markdown element, so you know exactly what your writing will look like before you hit publish.

Headings keep their hierarchy

Use headings to structure a post. They scale down as you nest, which keeps long articles easy to scan.

A third-level heading

And body copy flows underneath, with comfortable line length and spacing for easy reading.

Text formatting

You can make text bold, italic, or both. Inline code is styled distinctly, and links pick up your theme’s link colour automatically.

Lists

Unordered lists are great for quick points:

• Fast by default with Astro
• Editable in CloudCannon
• Extended with Claude Code

And ordered lists work when sequence matters:

1. Get the template
2. Make it your own
3. Ship it

Blockquotes

Good content deserves good presentation. This template handles the presentation so you can focus on the content.

Code blocks

Fenced code blocks are formatted for readability:

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

Tables

Wrapping up

Whatever you write, the template will render it cleanly and on-brand. Copy this post as a starting point, or delete it once you’ve seen how everything looks.