Customisations

Slidev est entièrement personnalisable, du style aux configurations d'outillage. Il vous permet de configurer les outils ci-dessous (Vite, Windi CSS, Monaco, etc.)

Configurations du frontmatter

Vous pouvez configurer Slidev dans le frontmatter de votre première diapositive, ce qui suit montre la valeur par défaut pour chaque option.

---
# identifiant du thème ou nom du package
theme: 'default'
# titre de votre diapositive, sera automatiquement déduit du premier en-tête s'il n'est pas spécifié
title: ''
# titre pour la page Web, `%s` sera remplacé par le titre de la page
titleTemplate: '%s - Slidev'

# téléchargement de pdf activé dans la version SPA, peut également être une URL personnalisée
download: true
# surligneur de syntaxe, peut être 'prism' ou 'shiki'
highlighter: 'prism'
# afficher le numéro de ligne dans les blocs de code
lineNumbers: false
# activer l'éditeur de monaco, par défaut sur dev uniquement
monaco: 'dev'
# forcer le schéma de couleur pour les diapositives, peut être 'auto', 'light' ou 'dark'
colorSchema: 'auto'
# le mode routeur pour vue-router, peut être "history" ou "hash"
routerMode: 'history'
# rapport hauteur/largeur des diapositives
aspectRatio: '16/9'
# largeur réelle du canevas, unité en px

canvasWidth: 980
# les polices seront importées automatiquement depuis Google fonts
# En savoir plus : https://fr.sli.dev/custom/fonts
fonts:
  sans: 'Roboto'
  serif: 'Roboto Slab'
  mono: 'Fira Code'
  
# Le frontmatter par défaut s'applique à toutes les diapositives
defaults:
  layout: 'default'
  # ...
  
# informations pour vos diapositives, peut être une chaîne de démarque
info: |
  ## Slidev

  Ma première présentation [Slidev](http://sli.dev/)!

Consultez les définitions de type pour plus d'options.

Structure du répertoire

Slidev utilise des conventions de structure de répertoires pour minimiser la surface de configuration et rendre les extensions de fonctionnalités flexibles et intuitives.

Reportez-vous à la section Structure des répertoires.

vite.config.ts

Reportez-vous à la section Configurer Vite.

windicss.config.ts

Reportez-vous à la section Configurer Windi CSS.

Configuration des outils