Skip to content
Skip to contents
Skip to reading controls

Search skills⌘K

Setting the file. One moment.

This file

Type

Size

Lines

Position

antfu
/
antfu/skills

Syntax Block Frontmatter · Slidev · antfu/skills · Skills Docs

Repo No. 94 · Slidev

↖Back to the cover

Antfu Design
Antfu
Nitro
Nuxt
Pinia
pnpm
Slidev
Tsdown
Turborepo
Unocss
Vite
Vitepress
Vitest
Vue Best Practices
Vue Router Best Practices
Vue Testing Best Practices
Vue
Vueuse Functions
Web Design Guidelines

19 skills · 40 min

Skill 07 · Slidev

Subchapter 7.48

Syntax Block Frontmatter

references/syntax-block-frontmatter.mdMarkdown648 BView on GitHub

Block Frontmatter

Use a YAML code block as the frontmatter for slides when you need syntax highlighting and formatter support.

Usage

7Up to skill 7Slidev

On this page

Block Frontmatter
Usage
Key Points

This file

Number: 7.48
Position: 48 of 55
Type: Markdown
Size: 648 B

Nearby

Previous Style Scoped
Next Syntax Comark

Source

Instead of traditional frontmatter ---, use a yaml code block at the start of a slide:

md

---
theme: default
---

# Slide 1

---

```yaml
layout: quote
```

# Slide 2

---

# Slide 3

Key Points

Works for per-slide frontmatter only
Cannot use for headmatter (first frontmatter of the deck)
Provides syntax highlighting in editors
Compatible with prettier-plugin-slidev

ReferenceStyle Scoped ReferenceSyntax Comark

references/syntax-block-frontmatter.md

(opens in a new tab)

Raw file(opens in a new tab)

antfu/skills(opens in a new tab)