Aller au contenu
DocPensieve
Menu de la documentation

Installer

Progression du module33%

Leçon 1 sur 3.

Avant de commencer

Il vous faut Node.jsL'environnement JavaScript sur lequel tourne DocPensieve — version 22 ou plus récente. et un terminal. Rien d'autre : le thème est livré avec l'outil.

À vous

npx docpensieve init mon-cours

La commande pose quelques questions, puis écrit le projet.

Elle demandePourquoi ça compte
Un nomAffiché dans l'en-tête et dans l'onglet
Une adresse publiqueAlimente le plan du site et les aperçus de partage ; peut attendre
Une première versionNomme le dossier où vivront vos pages — docs/v1.0
Un thèmetailwind pour écrire des utilitaires, custom pour vos propres classes
La documentationInstalle la documentation de l'outil dans votre site, ou non

Ce qu'il écrit

  • mon-cours
    • docpensieve.config.mjs — tous les réglages du site
    • docs
      • v1.0
        • index.md — la page d'accueil
        • 01-guide — une première section, avec une page d'exemple
        • 99-docpensieve — la documentation de l'outil, à supprimer ensuite
    • .gitignore — garde dist/ et node_modules/ hors du dépôt
Ce que vous obtenez

Un fichier de configuration, un dossier de documentation et une première page — prêts à générer.

Ce dont vous n'avez pas besoin

Aucun framework à ajouter, aucun outil de build à configurer, aucun serveur à faire tourner en production.

Ouvrez la configuration

C'est le fichier sur lequel vous reviendrez à chaque module de ce cours. Tous les réglages y sont écrits, la plupart en commentaire — c'est un menu autant qu'une configuration :

/** @type {import('@docpensieve/core').DocPensieveConfig} */
export default {
  // Nom affiché dans l'en-tête, dans les titres de page et dans les données
  // structurées.
  projectName: 'My documentation',

  // Adresse publique du site. Elle alimente les liens canoniques et les
  // données structurées, et son chemin donne le préfixe de déploiement.
  // siteUrl: 'https://example.com/my-project',

  versions: [
    {
      slug: 'v1.0', // segment d'adresse, et nom de la branche de la version
      name: '1.0', // libellé dans le sélecteur de version
      folder: 'docs/v1.0',
      current: true,
    },
  ],
};

Le commentaire en tête du fichier n'est pas décoratif : c'est lui qui donne à votre éditeur le nom et la forme de chaque champ, si bien qu'une faute de frappe se voit pendant que vous tapez plutôt qu'à la génération suivante.

Vérifiez par vous-même

Quel fichier porte les réglages du projet ?

docpensieve.config.mjs, à la racine du projet.

Vous avez lancé init dans une chaîne d'intégration et il a créé un site que vous n'avez pas choisi. Pourquoi ?

Il n'y avait pas de terminal pour recueillir les réponses : il a donc pris les valeurs par défaut. Passez les options sur la ligne de commande — ou --yes — quand c'est voulu.

Cette leçon emploie Skill, Tooltip, Tree, Admonition, Columns et Card — le guide d'installation reprend les options une à une.