Übersicht
Umfassender Leitfaden zur Mitarbeit an unserer Dokumentation
Beiträge zur Dokumentation sind willkommen! Dieser Leitfaden erklärt, wie Sie zur LibreChat-Dokumentation beitragen können, indem Sie neue Dokumentationen schreiben und formatieren. Die Website wurde mit Fumadocs erstellt und die Dokumentation verwendet das .mdx-Format.
Wann man eine Dokumentation statt eines Blogbeitrags schreibt
Blog vs. Dokumentation
Erwägen Sie die Veröffentlichung eines Blogbeitrags, wenn ein Dokument eine Erweiterung eines bestehenden Dokuments ist, sich auf eine bestimmte Situation bezieht oder externe Wartung erfordert (Funktionen, die vom Team nicht aktiv genutzt werden).
Siehe: Beiträge zum Blog
Erste Schritte
-
Forken Sie das LibreChat Dokumentations-Repository: https://github.com/LibreChat-AI/librechat.ai
-
Erstellen Sie einen Branch auf Ihrem Fork, benennen Sie ihn angemessen und verknüpfen Sie ihn mit dem ursprünglichen Repository.
Ersetzen Sie
branch-nameundusernamedurch Ihre Details
Neue Dokumente erstellen
Um ein neues Dokument zu erstellen:
- Verwenden Sie die Dateiendung
.mdx(siehe MDX-Dokumentation für weitere Informationen). - Benennen Sie Dateien mit Kleinbuchstaben und Unterstrichen (z. B.
documentation_guidelines.mdx). - Legen Sie neue Dokumente im entsprechenden Ordner/Unterordner unter
content/docsab. - Fügen Sie das Dokument zum
pages-Array in dermeta.json-Datei des Ordners hinzu, in dem sich Ihr Dokument befindet. Wenn Sie es nicht hinzufügen, kann Fumadocs es zwar weiterhin finden, es wird jedoch nicht in der beabsichtigten Reihenfolge in der Seitenleiste erscheinen.
Richtlinien zur Markdown-Formatierung
-
Verwenden von Überschriften und Unterüberschriften mit
#,##und###.- Verwenden Sie
#für den Dokumenttitel (es ist nur ein Haupttitel pro Dokument zulässig). - Verwenden Sie
##für Hauptabschnitte. - Verwenden Sie
###für Unterabschnitte innerhalb eines Abschnitts.
- Verwenden Sie
- Verwenden Sie
**, um Text fett zu drucken und wichtige Informationen hervorzuheben (verwenden Sie dies nicht anstelle einer Überschrift). - Verwenden Sie URL-Pfade, um auf andere Dokumente zu verlinken (z. B. zeigt
/docs/documentationauf das aktuelle Dokument). - Sie können HTML, TS und JS verwenden, um einem Dokument zusätzliche Funktionen hinzuzufügen.
- Stellen Sie sicher, dass jedes HTML-Element über schließende Tags verfügt (z. B.
<img src="" />oder<a href="link"></a>). - Verwenden Sie keine HTML-Kommentare; nutzen Sie stattdessen Markdown-Kommentare, nur wenn der Text tatsächlich ausgeblendet werden soll.
Dokumentationsressourcen
Dokumentationsressourcen
Hier sind einige Beispiele für integrierte Komponenten:
Weitere Informationen finden Sie unter:
Dokumenten-Metadaten
Fügen Sie Ihrem Dokument Metadaten im Header unter Verwendung des folgenden Formats hinzu:
Hinweis: Das Feld
ogImageist optional und kann vollständig weggelassen werden. Es wird verwendet, um das Bild festzulegen, das beim Teilen Ihres Dokuments auf Social-Media-Plattformen angezeigt wird.
Assets
Lade Assets (z. B. Bilder) nach Möglichkeit auf GitHub hoch, anstatt sie im Ordner /public zu speichern. Dies trägt dazu bei, dein Repository organisiert zu halten und erleichtert die Verwaltung deiner Assets.
Bilder
Verwenden Sie für Screenshots, die sich an das aktive Theme anpassen sollen, die ThemeImage Komponente. Geben Sie eine light und eine dark Quelle an, und sie rendert die Variante, die dem Theme des Lesers entspricht. Sie unterstützt außerdem, wie jedes andere Bild auch, die Zoom-Funktion bei Klick.
sehen Sie sich das folgende Beispiel hier in Aktion an: Benutzerhandbücher
So laden Sie Bilder und Videos auf GitHub hoch
Testen der Dokumentation
Bevor Sie absenden
Vor dem Einreichen Ihres PR sorgfältig prüfen
Bevor Sie einen PR für Ihren Blog-Beitrag einreichen, testen Sie immer, ob alles wie vorgesehen aussieht und funktioniert.
Überprüfen Sie Folgendes:
- Ihr(e) neues/neuen Dokument(e) auf Layout, Genauigkeit und Vollständigkeit prüfen
- Die Position des Dokuments im Inhaltsverzeichnis (ToC)
- Das Bild und der Link in Ihrem Dokument
Zum Testen:
- Bereiten Sie die Umgebung vor, indem Sie
pnpm installausführen. - Starten Sie den Entwicklungs-Server mit
pnpm dev - Testen Sie den Build, indem Sie
pnpm buildund anschließendpnpm startausführen.
Wie finden Sie diese Anleitung?