Skip to content

i18n(de): update guides/pages.mdx #3256

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Jun 27, 2025
Merged

i18n(de): update guides/pages.mdx #3256

Changes from 2 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
7c496d2
i18n(de): update guides/pages.mdx
trueberryless Jun 26, 2025
1e9297e
fix: same lang link
trueberryless Jun 26, 2025
c806f1e
fix: add newlines and remove prettier comments
trueberryless Jun 27, 2025
1dd8302
docs: split comments into multiple lines because too long
trueberryless Jun 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 11 additions & 7 deletions docs/src/content/docs/de/guides/pages.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,39 +77,41 @@ Mehr dazu findest du in der [„Seiten“-Anleitung in der Astro-Dokumentation](

Um das Starlight-Layout in benutzerdefinierten Seiten zu verwenden, umhüllst du deinen Seiteninhalt mit der [Komponente `<StarlightPage />`](#starlightpage-komponente).
Das kann hilfreich sein, wenn du Inhalte dynamisch generierst, aber trotzdem das Starlight-Design verwenden willst.
Diese Komponente muss als erstes in deine Datei importiert werden, um [Kaskadenschichten](/de/guides/css-and-tailwind/#kaskadenschichten) einzurichten und eine vorhersehbare CSS-Reihenfolge sicherzustellen.

Um Ankerlinks zu Überschriften hinzuzufügen, die den Markdown-Ankerlinkstilen von Starlight entsprechen, kannst du die [`<AnchorHeading>`-Komponente](#anchorheading-komponente) in deinen eigenen Seiten verwenden.

{/* prettier-ignore-start */}
```astro
---
// src/pages/custom-page/example.astro
// Importiere zuerst die Komponente `<StarlightPage>`, um die Kaskadenschichten einzurichten.
import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';

// Importiere alle anderen Komponenten, die du auf deiner benutzerdefinierten Seite verwenden möchtest.
import AnchorHeading from '@astrojs/starlight/components/AnchorHeading.astro';
import CustomComponent from './CustomComponent.astro';
---

<StarlightPage frontmatter={{ title: 'Meine eigene Seite' }}>
<p>
Dies ist eine benutzerdefinierte Seite mit einer benutzerdefinierten
Komponente:
</p>
<p>Dies ist eine benutzerdefinierte Seite mit einer benutzerdefinierten Komponente:</p>
<CustomComponent />

<AnchorHeading level="2" id="erfahre-menr">Erfahre mehr</AnchorHeading>
<p>
<a href="https://starlight.astro.build/"
>Lies mehr in der Starlight-Dokumentation</a
>
<a href="https://starlight.astro.build/">Lies mehr in der Starlight-Dokumentation</a>
</p>
</StarlightPage>
```
{/* prettier-ignore-end */}

#### `<StarlightPage>`-Komponente

Die Komponente `<StarlightPage />` rendert eine ganze Seite mit dem Layout und den Stilen von Starlight.

```astro
---
// Importiere zuerst die Komponente `<StarlightPage>`, um die Kaskadenschichten einzurichten.
import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
---

Expand All @@ -118,6 +120,8 @@ import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
</StarlightPage>
```

Aufgrund der Art und Weise, wie die [Importreihenfolge](https://docs.astro.build/de/guides/styling/#import-reihenfolge) in Astro funktioniert, muss die Komponente `<StarlightPage />` als erstes in deiner Datei importiert werden, um die [Kaskadenschichten](/de/guides/css-and-tailwind/#kaskadenschichten) einzurichten, die Starlight intern verwendet, um die Reihenfolge seiner Stile zu verwalten.

Die Komponente `<StarlightPage />` akzeptiert die folgenden Eigenschaften.

##### `frontmatter`
Expand Down