Sample Post

This is what a regular paragraph looks like. Text flows naturally, with enough line-height to breathe. You can write bold and italic inline, or mix them for emphasis.

Heading 2

Some text under a second-level heading. Good for major sections within a post.

Heading 3

Subheadings help organize longer pieces without fragmenting the reading flow.

Heading 4

Used sparingly. Anything deeper than this is usually a sign the structure needs rethinking.

Blockquotes

The purpose of a system is what it does.

— Stafford Beer

Longer quotes also work. The indentation and left border create a visual distinction from the body text, making it clear this voice is borrowed from somewhere else.

Lists

Unordered:

• First item
• Second item
  • Nested item
  • Another nested item
• Third item

Ordered:

1. Start here
2. Then here
3. And finally here

Code

Inline code looks like const x = 42 within a sentence.

A fenced code block with syntax highlighting:

function greet(name) {
  const message = `Hello, ${name}`
  console.log(message)
  return message
}

greet("world")

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

print([fibonacci(i) for i in range(10)])

Table

Mixed example

A paragraph leading into a quote, then code:

When thinking about system design, it helps to remember:

Make it work, make it right, make it fast.

Start with something that runs:

gatsby develop --port 3000

Then refine from there.