A Guide to Markdown Formatting

This template shows how all the common markdown elements render in your blog. Use it to tune typography, spacing, and layout.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text styling

You can use bold text for emphasis, italic text for subtle stress, and bold italic when you really mean it. Strikethrough is useful for corrections. Inline code stands out for technical terms.

Links and references

Inline links appear in the flow of text. You can also add links with titles for extra context. Reference-style links work too.

Lists

Unordered lists use bullets:

• First item
• Second item
• Nested items:
  • Indented sub-item
  • Another sub-item

Ordered lists use numbers:

1. Step one
2. Step two
3. Step three (numbers auto-increment)

Blockquotes

This is a blockquote. It’s great for pull quotes, testimonials, or highlighting someone else’s words.

You can span multiple paragraphs by adding blank lines between them.

Code blocks

Inline code for short snippets. Fenced blocks for longer examples:

function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet("World"));

npm install
npm run dev

Tables

Images

Put images in public/images/ and use HTML <img> tags with a root-relative path. This works on both the home feed and post pages:

Horizontal rules

Use three or more hyphens, asterisks, or underscores:

Task lists

• Completed task
• Another done item
• Pending task
• Future improvement

Mixed content

A typical blog paragraph might include bold and italic for emphasis, a technical term, and a link to more info. Blockquotes work well for callouts:

Pro tip: Combine formatting—use bold inside blockquotes for extra punch.

That covers the essentials. Adjust your CSS to make each element look exactly how you want.