A Markdown Cheat Sheet

astro learning in public setbacks community

Fri Aug 23

I had some challenges, but asking in the community really helped!

Written by: Astro Learner

The Astro logo on a dark background with rainbow rays.
The Astro logo on a dark background with rainbow rays.

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Text

This is the first list item.

Here’s the second list item.

And here’s the third with mark list item.

and finnally the fourth with underlined

This is bold text.

This is also bold text.

This text is italicized.

The world is flat.

Lists

Unordered List

Ordered List

  1. First item
  2. Second item
  3. Third item

Blockquotes

This is a blockquote.

Images

A Placeholder Image

Tables

Header 1Header 2
Cell 1Cell 2
Cell 3Cell 4

Tasks

This is an inline link to an external website.

Rules or division

block


block

Code Blocks

Inline Code 10 > 5 = true

Fenced Code Block

export default function Counter() {

  const [count, setCount] = useState(0);

  return (
    <div>
      <h3>Count: {count}</h3>
      <button class="btn btn-primary" onClick={() => setCount(count + 1)}>
        Increment
      </button>
    </div>
  );
}

Islands

Count: 0

A Placeholder Image
This is a placeholder image.

This is SUCCESS message: message

This is a NOTE:

  • note 1
  • note 2

⚠️ This is a warning: Please read read

This is IMPORTANT: message