Customizações

O Slidev é totalmente customizável, desde estilização até configurações de ferramentas. Ele te permite configurar as ferramentas por trás (Vite, Windi CSS, Monaco, etc.)

Configurações do Frontmatter

Você pode configurar o Slidev no frontmatter do seu primeiro slide, abaixo é mostrado os valores padrão para cada opção.

---
# id fo tema ou nome do módulo
theme: 'default'
# título do seu slide, será automaticamente inferido do primeiro header se não for espeecificado
title: ''
# titleTemplate para a página web, `%s` será substituído pelo título da página
titleTemplate: '%s - Slidev'

# habilita o download em PDF na SPA compilada, também pode ser uma url customizada
download: true
# destacador de sintaxe, pode ser 'prism' ou 'shiki'
highlighter: 'prism'
# mostra o número das linhas nos blocos de código 
lineNumbers: false
# habilita o editor monaco, por padrão é só no dev
monaco: 'dev'

# força um esquema de cor aos slides, pode ser 'auto', 'light' ou 'dark'
colorSchema: 'auto'
# modo de roteamento para o vue-router, pode ser 'history' ou 'hash'
routerMode: 'history'
# proporção da tela para os slides
aspectRatio: '16/9'
# largura real da tela, unidade em px
canvasWidth: 980

# fontes serão automaticamente importadas do Google fonts
# Saiba mais: https://sli.dev/custom/fonts
fonts:
  sans: 'Roboto'
  serif: 'Roboto Slab'
  mono: 'Fira Code'

# frontmatter padrão aplicado para todos os slides
defaults:
  layout: 'default'
  # ...

# informações para seus slides, pode ser uma string em markdown
info: |
  ## Slidev
  Minha primeira apresentação com o [Slidev](http://sli.dev/)!
---

Vejas as definições de tipos para mais opções.

Estrutura de Diretório

O Slidev emprega algumas convenções de estrutura de diretório para minimizar a superfície de configuração e tornar as extensões das funcionalidades flexíveis e intuitivas.

Consulte a seção Estrutura de Diretório.

Configurar Ferramentas