Quartz Syntax Demo

H1 Heading

H2 Heading

H3 Heading

Normal paragraph with bold, italic, bold italic, strikethrough, inline code, and highlight. color, color highlight

Blockquote with a link to About page and an external link to Vercel.

---

Links & Internal References

• Wiki link: IELTS Index
• Section link: Callouts
• Aliases work if set in front matter.
• Footnote test¹.

---

Lists

• Unordered list item
  • Nested item
• Another item

1. Ordered item
2. Ordered item
   1. Nested ordered

• Task done
• Task pending
• Task with subitems
  • Sub-task done

---

Callouts

NOTE

This is a note callout.

Custom title

You can add a title after the callout type.

WARNING

Be careful with breaking changes.

QUOTE

“Not everything that can be counted counts, and not everything that counts can be counted.”

---

Code Blocks

Inline code above; fenced blocks below.

// TypeScript example
function greet(name: string) {
  return `Hello, ${name}!`
}
console.log(greet("Quartz"))

ls -al ~/workspace

{
  "cleanUrls": true
}

---

Tables

Column	Description	Example
1	Right-aligned numbers	42
2	Inline formatting	italic
3	Links & code	Home

---

Math (KaTeX)

Inline: $E=m{c}^2$

Block:

$$\mathcal{L}=-\frac{1}{4}{F}_{\mu \nu }{F}^{\mu \nu }+\bar{\psi }(i{\gamma }^{\mu }{D}_{\mu }-m)\psi$$

Another:

$$\hat{H},|\psi ⟩=i\hslash ,\frac{\partial }{\partial t}|\psi ⟩$$

---

Diagrams (Mermaid)

flowchart LR
  A[Quartz Notes] --> B[Build]
  B --> C{Public/}
  C -->|HTML/CSS/JS| D[Vercel]
  D --> E[Visitors]

---

Media (Images, Audio, Video)

Markdown image

Obsidian transclusion (image)

Video

Audio with fallbacks

Keep media under content/media/ (or /static) so Quartz copies them to public/.

---

Embeds & Block Refs

---

Inline HTML (allowed in Markdown)

---

Tags

Use inline tags to test styling: quartz demo syntax

---

Front Matter Read Test

Title: {{ title }}

Tags: {{ tags }}

Description: {{ description }}

Footnotes

1. This is a footnote. Useful for citations or asides. ↩