slidev-theme-webofmars

Thème Slidev officiel webofmars.

---

Prérequis

• Node.js ≥ 18
• npm ou pnpm

---

Prévisualiser le thème (démo)

Les slides de démo se trouvent dans demo/. Elles ont leur propre package.json qui référence le thème en local via file:...

# Option 1 - depuis la racine du thème (installe + lance en une commande)
cd _shared/slidev-theme-webofmars
npm run demo

# Option 2 - directement depuis le sous-dossier demo/
cd _shared/slidev-theme-webofmars/demo
npm install      # une seule fois
npm run dev      # hot-reload sur http://localhost:3030

Le navigateur s’ouvre sur http://localhost:3030.

Pour exporter en PDF :

# Depuis la racine du thème
npm run demo:export

# Ou directement
cd demo && npm run export

---

Layouts disponibles

Layout	Utilisation
cover	Slide de titre / ouverture de présentation
section	Séparateur de chapitre (fond violet)
default	Slide de contenu standard
illustration-right	Texte à gauche (58 %), visuel à droite (42 %)

Syntaxe dans une slide :

---
layout: section
---

# Titre du chapitre

---

Composants disponibles

<WomLogo>

Logo webofmars. Trois variantes : color (défaut), white, black.

<WomLogo variant="white" height="40" />

<WomPlaceholder>

Réservation visuelle pour une illustration à venir.

<WomPlaceholder width="600" height="350" label="Schéma : pipeline CI/CD" />

---

Intégrer le thème dans une présentation

En développement local (chemin relatif)

Dans votre-deck/package.json :

{
  "dependencies": {
    "slidev-theme-webofmars": "file:../../_shared/slidev-theme-webofmars"
  }
}

En production (référence GitHub)

{
  "dependencies": {
    "slidev-theme-webofmars": "github:webofmars/slidev-theme-webofmars#semver:^1.0.0"
  }
}

Puis dans le frontmatter de votre slides.md :

---
theme: slidev-theme-webofmars
---

---

Publier une nouvelle version

git tag v1.0.x
git push --tags