You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/src/content/docs/fr/guides/pages.mdx
+58-3Lines changed: 58 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -3,6 +3,8 @@ title: Pages
3
3
description: Apprenez à créer et à gérer les pages de votre site de documentation avec Starlight.
4
4
sidebar:
5
5
order: 1
6
+
tableOfContents:
7
+
maxHeadingLevel: 4
6
8
---
7
9
8
10
Starlight génère les pages HTML de votre site en fonction de votre contenu, avec des options flexibles fournies par le biais du frontmatter en Markdown.
@@ -73,28 +75,51 @@ Pour en savoir plus, consultez le guide [« Pages » dans la documentation d'Ast
73
75
74
76
### Utiliser le design de Starlight dans des pages personnalisées
75
77
76
-
Pour utiliser la mise en page Starlight dans des pages personnalisées, englobez le contenu de votre page avec le composant `<StarlightPage />`.
78
+
Pour utiliser la mise en page Starlight dans des pages personnalisées, englobez le contenu de votre page avec le [composant `<StarlightPage />`](#composant-starlightpage).
77
79
Cela peut s'avérer utile si vous générez du contenu de manière dynamique, mais que vous souhaitez tout de même utiliser le design de Starlight.
78
80
81
+
Pour ajouter des liens d'ancrage vers des en-têtes avec une apparence équivalente aux liens d'ancrage Markdown de Starlight, vous pouvez utiliser le [composant `<AnchorHeading>`](#composant-anchorheading) dans vos pages personnalisées.
82
+
79
83
```astro
80
84
---
81
85
// src/pages/page-perso/exemple.astro
82
86
import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
87
+
import AnchorHeading from '@astrojs/starlight/components/AnchorHeading.astro';
83
88
import CustomComponent from './CustomComponent.astro';
Le composant `<StarlightPage />` accepte les props suivantes.
95
119
96
-
##### `frontmatter` (obligatoire)
120
+
##### `frontmatter`
97
121
122
+
**Obligatoire**
98
123
**Type :**`StarlightPageFrontmatter`
99
124
100
125
Définit les [propriétés du frontmatter](/fr/reference/frontmatter/) pour cette page, similaire au frontmatter dans les pages Markdown.
@@ -177,3 +202,33 @@ Définit l'étiquette d’identification BCP-47 pour le contenu de cette page, p
177
202
**Par défaut :**`false`
178
203
179
204
Indique si cette page utilise un [contenu de repli](/fr/guides/i18n/#contenu-de-repli) parce qu'il n'y a pas de traduction pour la langue actuelle.
205
+
206
+
#### Composant `<AnchorHeading>`
207
+
208
+
Le composant `<AnchorHeading>` affiche un élément d'en-tête HTML avec un lien d'ancrage cliquable avec une apparence équivalente aux styles Markdown de Starlight.
209
+
210
+
```astro
211
+
---
212
+
import AnchorHeading from '@astrojs/starlight/components/AnchorHeading.astro';
Il accepte les props suivantes ainsi que n'importe quel autre [attribut HTML universel valide](https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Global_attributes).
219
+
220
+
##### `level`
221
+
222
+
**Obligatoire**
223
+
**Type :**`1 | 2 | 3 | 4 | 5 | 6`
224
+
225
+
Le niveau d'en-tête à afficher.
226
+
Par exemple, `level="1"` afficherait un élément `<h1>`.
227
+
228
+
##### `id`
229
+
230
+
**Obligatoire**
231
+
**Type :**`string`
232
+
233
+
Un identifiant unique pour cet en-tête.
234
+
Celui-ci sera utilisé comme attribut `id` de l'en-tête affiché et l'icône d'ancrage rendirigera vers celui-ci.
0 commit comments