This page is your one-stop copy-paste cheat sheet for everything Markdown. It’s built with plain Markdown and a touch of HTML, ensuring it looks great in MDX and Astro.
💡 Pro Tip: For enhanced features like Task Lists and advanced Tables, enable GitHub Flavored Markdown (GFM) in your Astro MDX configuration.
Headings
To create structure in your document, use headings.
COPY
# Heading 1
## Heading 2
### Heading 3PREVIEW
Heading 1
Heading 2
Heading 3
Text Formatting
COPY
*Italic text* or _Italic text_
**Bold text** or __Bold text__
~~Strikethrough~~
`Inline code`PREVIEW
Italic text or Italic text
Bold text or Bold text
Strikethrough
Inline code
Lists
COPY
1. First ordered item
2. Second item
- Unordered sub-item.
- Another sub-item.
4. It doesn't matter what number you use.PREVIEW
- First ordered item
Second item
- Unordered sub-item.
- Another sub-item.
- It doesn’t matter what number you use.
Links & Images
COPY
[This is a link to a website](https://gerardos.ca)
PREVIEW
Code Blocks
COPY
```javascript
function greet(name) {
// Use template literals for strings
return `Hello, ${name}!`;
}
```PREVIEW
function greet(name) {
// Use template literals for strings
return `Hello, ${name}!`;
}Advanced Elements
GFM Tables
COPY
| Left | Center | Right |
| :--- | :----: | ----: |
| L1 | C1 | R1 |
| L2 | C2 | R2 |PREVIEW
| Left | Center | Right |
|---|---|---|
| L1 | C1 | R1 |
| L2 | C2 | R2 |
Collapsible Details
COPY
<details>
<summary><b>Click to learn more</b></summary>
<p>This content was hidden, but now it's visible! Works in MDX out of the box.</p>
</details>PREVIEW
Click to learn more
This content was hidden, but now it’s visible! Works in MDX out of the box.
GitHub-Style Callouts (Admonitions)
While standard Markdown doesn’t support this, MDX lets us create a powerful Callout component to replicate and enhance this feature.
COPY
> [!NOTE]
> Content of the note.PREVIEW
COPY
> [!TIP]
> This is a tip.PREVIEW
COPY
> [!IMPORTANT]
> This information is important.PREVIEW
COPY
> [!WARNING]
> This is a warning.PREVIEW
COPY
> [!CAUTION]
> Proceed with caution.PREVIEW
COPY
> [!INFORMATION]
> Additional information.PREVIEW
COPY
> [!EXAMPLE]
> This is an example.PREVIEW
Other Useful Markdown Features
Footnotes
COPY
Here is some text with a footnote.[^1]
And here is another one.[^another]
[^1]: This is the first footnote's content.
[^another]: Footnotes can have names or numbers.Using Frontmatter Variables
You can inject variables from your frontmatter directly into your content.
COPY
This cheat sheet is for **{frontmatter.technology}**.
It was last updated on *{frontmatter.dateFormatted}*.PREVIEW
This cheat sheet is for Markdown.
It was last updated on Aug 11th, 2025.