Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codegouvfr/docsify-dsfr-template
Un template pour construire un site de documentation en un instant avec le DSFR et docsify (alternative à GitBook).
https://github.com/codegouvfr/docsify-dsfr-template
docsify documentation dsfr
Last synced: about 1 month ago
JSON representation
Un template pour construire un site de documentation en un instant avec le DSFR et docsify (alternative à GitBook).
- Host: GitHub
- URL: https://github.com/codegouvfr/docsify-dsfr-template
- Owner: codegouvfr
- License: mit
- Created: 2023-11-07T09:59:49.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-06T08:20:16.000Z (4 months ago)
- Last Synced: 2024-08-29T18:33:32.520Z (4 months ago)
- Topics: docsify, documentation, dsfr
- Language: HTML
- Homepage:
- Size: 619 KB
- Stars: 5
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
[![img](https://img.shields.io/badge/code.gouv.fr-publi%C3%A9-orange.svg)](https://code.gouv.fr/documentation/#/publier)
Ce dépôt permet de générer un répertoire de documentation utilisant le [système de design de l'État (DSFR)](https://www.systeme-de-design.gouv.fr).
Le rendu de la documentation utilise [docsify](https://github.com/docsifyjs/docsify).
![Screenshot of an example documentation website using this template.](docsify-dsfr-template.png)
## Fonctionnalités
- Docsify génère les pages web directement depuis des fichiers Markdown. Il suffit d'ajouter un fichier `.md` et de l'intégrer au menu de gauche via `_sidebar.md` pour qu'il apparaisse dans le menu.
- Le rendu visuel est configurable via les [options disponibles pour docsify](https://docsify.js.org/#/configuration).
- Le rendu au DSFR est à jour avec la dernière version stable.## Utilisation
- Téléchargez l'archive [`docsfr-[latest].tar.gz`](https://github.com/codegouvfr/docsify-dsfr-template/releases/latest/) lié à la dernière version du dépôt.
- Adaptez le fichier `index.html` selon vos besoins. En particulier, si vous souhaitez que votre documentation pointe vers un dépôt Git, décommentez la ligne du script renseignant le `repo`.
- Commencez à rédiger votre documentation en Markdown dans ce répertoire.
- Publiez ce répertoire via un serveur web.Par défaut, la page d'accueil est rendue depuis le fichier `README.md` contenue dans le répertoire. Pour ajouter une autre section, créez un nouveau fichier (par exemple `introduction.md`) puis ajoutez-le dans `_sidebar.md` (par exemple `* [Une introduction](introduction.md)`).
## Développement
- Cloner le dépôt :
```
git clone [email protected]:codegouvfr/docsify-dsfr-template.git
```
- Installer les dépendances :
```
npm install
```
- Construire les fichiers du livrable dans [`docs`](docs) :
```
npm run build
```
- Lancer le serveur pour visualiser les modifications en temps réel (SCSS seulement) :
```
npm run serve-sass
```## Enpaquetage
L'empaquetage est automatisé via [`release.yml`](.github/workflows/release.yml), qui crée une *Release* contenant l'archive des fichiers nécessaires à partir d'un *tag*.
Ce *workfow* nécessite un [secret de dépôt](https://docs.github.com/fr/actions/security-guides/using-secrets-in-github-actions#creating-secrets-for-a-repository) `GH_TOKEN` (peut être par exemple généré depuis un compte générique qui a un accès en écriture au dépôt), correspondant à un [token d'accès classique](https://docs.github.com/fr/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens#cr%C3%A9ation-dun-personal-access-token-classic), nécessitant le scope `repo`.
Il s'exécute automatiquement à l'envoi d'un *tag* qui correspond à un numéro de version (ex. `v.1.0.1`) :
```
npm version 1.0.1
git push
```## Exemples et réutilisations
- https://codegouvfr.github.io/sill-docs/
- https://code.gouv.fr/documentation/#/## Licence
Ce dépôt est publié sous licence [MIT](LICENSE.md).