Eine Übersetzung hinzufügen

Sprache ist wunderschön und wir schätzen es wert, wenn du deine Sprache mit anderen teilen willst. Im Folgenden ist beschrieben, wie unterschiedliche Teile der Webseite und Artikel übersetzt werden.

Obwohl es nicht zwingend notwendig ist, kannst du mit einer lokalen Entwicklungsumgebung deine Änderungen in Echtzeit anschauen. Alternativ kannst du deine Änderungen direkt auf GitHub machen.

Eine lokale Entwicklungsumgebung einrichten

1. Forke und klone die Rosé Pine Webseite.
2. Installiere Node.js und pnpm gemäß der offiziellen Anleitungen.
3. Starte den Entwicklungsserver mit pnpm dev um eine Echtzeit-Vorschau des Inhaltes zu erhalten.

Übersetze the Webseite

Kopiere die englische Sprachdatei und benenne sie mit deinem Sprachkürzel:

  src/locales/en.ts
+ src/locales/sd.ts

Ändere name in config zu dem Namen deiner Sprache und dann füge deine Übersetzungen hinzu:

  import { defineLocale } from "../define-locale";

  export default defineLocale({
    config: {
-     name: "English",
+     name: "Sindarin",
    },
    translations: {

  export default {
-   "shared.all": "All",
-   "shared.language": "Language",
+   "shared.all": "Pân",
+   "shared.language": "Lamb",
    ...
  }

Fehlende Übersetzungen fallen automatisch auf Englisch zurück.

Anleitungen übersetzen

Erstelle deine Anleitung mit der englischen Version als Vorlage:

  src/content/guides/en/create-a-theme.md
+ src/content/guides/sd/create-a-theme.md

Beachte, dass der sd Ordner für unser Sindrain Beispiel hinzugefügt wurde und der Name der Anleitung gleichgeblieben ist.

Ändere die frontmatter-Metadaten am Anfang der Datei zwischen den --- Markern mit einem Titel, einer Beschreibung, einem Autor und Datumsangaben.

  ---
  title: <title>
  description: <description>
  author: <username>
  publishedAt: 2025-11-09T12:00:00-06:00
  updatedAt: 2025-11-09T12:00:00-06:00
  ---

Der Nutzername des Autors wird mit einer passenden Datei in src/content/authors/ abgeglichen, also stelle sicher, dass du dich dort verewigst:

// src/content/authors/<username>.yml
+ name: "<name>"
+ image: "https://avatars.githubusercontent.com/<username>"
+ url: "https://example.com"

Reiche deine Änderungen ein

Erstelle eine Pull Request auf rose-pine/rose-pine-site. Wir überprüfen sie und teilen unsere Wertschätzung dafür, dass du Rosé Pine ein bisschen barrierefreier gemacht hast!