Docusaurus-Docs-Support

Fügen Sie einen KI-Chatbot zu Ihrem hinzu Docusaurus-Docs in Minuten

Ein Docusaurus-KI-Chatbot für technische Autoren, DevRel und Support-Teams. ChattyBox crawlt Ihre Docusaurus-Dokumentation, beantwortet Fragen wie „Wie konfiguriere ich Versionierung?“ aus diesen Seiten und zitiert die verwendete Quelle. Kein benutzerdefiniertes RAG und keine Migration.

Crawlt veröffentlichte Dokumentseiten

Quellenzitierte Antworten

Einbettung mit einem Skript

Keine Dokumentenmigration erforderlich

Erstellen Sie Ihren Chatbot Preise anzeigen

Keine Kreditkarte erforderlichIhre Inhalte bleiben Ihre Inhalte

ChattyBox fragen

Wo sollte ich anfangen, wenn ich eine verlässliche Antwort von dieser Website brauche?

Fügen Sie zunächst Ihre Website-URL zu ChattyBox hinzu. Es crawlt Ihre Inhalte, beantwortet Fragen anhand der gefundenen Seiten und zeigt Besuchern die Quellen hinter jeder Antwort.

iQuellen3^

Docusaurus Leitfaden

chattybox.ai

Analysen

chattybox.ai

Startseite

chattybox.ai

Eine Frage stellen...

Bereitgestellt von ChattyBox

Selbstbedienungseinrichtung

Kein Verkaufsgespräch erforderlich

Bei einigen KI-Support-Tools müssen Sie eine Demo buchen, bevor Sie das Produkt überhaupt testen können. ChattyBox ist eine Selbstbedienungslösung: Fügen Sie Ihre Website hinzu, crawlen Sie Ihre Dokumente, testen Sie den Chatbot und betten Sie ihn ein, wenn Sie bereit sind.

Traditionelle KI-Unterstützungstools

ChattyBox

Traditionelle KI-UnterstützungstoolsBuchen Sie eine Demo

ChattyBoxBeginnen Sie sofort

Traditionelle KI-UnterstützungstoolsPreisgestaltung versteckt oder verkaufsorientiert

ChattyBoxÖffentliche Preisgestaltung

Traditionelle KI-UnterstützungstoolsUnternehmensorientiert

ChattyBoxEntwickelt für Dokumentenseiten, kleine Teams, OSS und SaaS

Traditionelle KI-UnterstützungstoolsZuerst Verkaufsgespräch

ChattyBoxTesten Sie es zunächst selbst

Entwickelt für Docusaurus-Teams

Starten Sie einen Chatbot mit Quellenangaben, ohne Ihren Docs-Stack neu aufzubauen

ChattyBox crawlt Ihre bestehende Dokumentation, indexiert die Inhalte für den Abruf und bettet einen Chatbot ein, der mit Ihren Docs antwortet statt mit generischem Modellgedächtnis.

Ein Root-Wrapper von Docusaurus 3 lädt das Widget einmalig für die Lebensdauer der Clientanwendung.

Der Crawl-Umfang kann aktuellen, versionierten, lokalisierten oder bewusst gefilterten Dokumentationsrouten folgen.

Quellenangaben führen Lesende zur belegenden Docusaurus-Seite zurück und behalten deren Versions- und Sprachpfad bei.

Das reproduzierbare Beispiel deckt die Vermeidung von Duplikaten, Clientnavigation, CSP und die Prüfung auf Routenebene ab.

Workflow-Schritt

Wählen Sie die produktive Docusaurus-Sitemap oder eine gezielt zusammengestellte Menge aktueller, versionierter und lokalisierter Dokumentationsrouten.

Workflow-Schritt

Crawlen Sie die ausgewählten Routen und testen Sie Fragen anschließend mit genau der Version und Sprache, die Ihre Besuchenden verwenden.

Workflow-Schritt

Installieren Sie einen dauerhaften Loader in src/theme/Root.tsx und erlauben Sie dessen Skript- und API-Ursprünge in Ihrer Content Security Policy.

Workflow-Schritt

Navigieren Sie ohne Neuladen zwischen Dokumentationsseiten und prüfen Sie, dass genau eine Widget-Instanz vorhanden ist, Quellenangaben funktionieren und keine Konsolen- oder CSP-Fehler auftreten.

Dreistufiger Start

Fügen Sie Ihre Docusaurus-URL ein, testen Sie die zitierten Antworten und installieren Sie dann das Widget.

Erstellen Sie Ihren Chatbot

Geprüfte redaktionelle Nachweise

Eine getestete Docusaurus-3-Integration statt eines Skripts auf Routenebene

Docusaurus rendert eine dauerhafte React-Anwendung um clientseitige Routenwechsel. Der getestete Root-Wrapper erstellt daher genau einen Loader, erkennt spätere Einbindungen anhand der ID und belässt den Loader an Ort und Stelle, statt bei erneuten Einbindungen während der Entwicklung ein noch aktives Widget zu entfernen.

Technische Autorin oder technischer Autor: ChattyBox-Dokumentationsteam
Technische Prüfung: ChattyBox-Entwicklung
Zuletzt aktualisiert: 2026-07-09
Informationen geprüft: Docusaurus 3.10 und aktuelles ChattyBox-Widget

Prüfen Sie nach einem Hauptversionsupgrade von Docusaurus oder einer Änderung des Widget-Endpunkts den Root-Lebenszyklus, die Sitemap-Ausgabe und die CSP-Ursprünge erneut.

Docusaurus-Root-Komponente, die nach der Clientnavigation ein doppeltes ChattyBox-Skript verhindert — Ursprüngliche Installationsreferenz: Der Loader besitzt eine stabile ID, lädt asynchron und bleibt vorhanden, während Docusaurus die Route wechselt.

Installationsentscheidungen für Docusaurus 3 und ihre End-to-End-Prüfungen.
Docusaurus-Aspekt	Implementierungsentscheidung	Überprüfung
Root und Clientnavigation	Erstellen Sie das asynchrone Skript anhand einer stabilen ID genau einmal. Geben Sie aus dem Effekt keine Bereinigungsfunktion zurück, da Root und Widget über Routen hinweg bestehen bleiben sollen.	Öffnen Sie zwei interne Dokumentationslinks und bestätigen Sie, dass document.querySelectorAll("#chattybox-widget").length den Wert 1 hat.
Content Security Policy	Erlauben Sie chattybox.ai in script-src, den konfigurierten API-Ursprung in connect-src, fonts.googleapis.com in style-src und fonts.gstatic.com in font-src. Das aktuelle Widget fügt sein Komponenten-CSS ein, daher benötigt eine strenge style-src-Richtlinie zusätzlich 'unsafe-inline', bis ein Nonce-basierter oder externer Stylesheet-Build verfügbar ist.	Laden Sie mit geöffneten DevTools neu und bestätigen Sie, dass keine Skript-, Stil-, Schrift-, Fetch- oder WebSocket-Anfragen blockiert werden.
Versionen, Sprachen und Sitemap-Umfang	Prüfen Sie vor dem Crawlen die bereitgestellte Sitemap. Nehmen Sie nur unterstützte Versions- und Sprachpfade auf oder verwenden Sie getrennte Quellen, wenn Zielgruppen keine versionsübergreifenden Antworten erhalten dürfen.	Stellen Sie in jeder indizierten Sprache dieselbe versionsspezifische Frage und prüfen Sie, dass jede Quellenangabe das erwartete Routenpräfix beibehält.
Fehlendes oder doppeltes Widget	Prüfen Sie API-Schlüssel, Loader-ID, CSP-Konsolenmeldungen, Skriptantwort und ob eine andere Theme-Komponente das Widget ebenfalls einfügt.	Testen Sie einen Produktionsbuild und nicht nur Hot Reload und prüfen Sie nach der Navigation die Bereiche Elements und Network.

Prüfung einer Antwort mit Quellenangaben

Eine Antwort testen, bei der der Versionspfad entscheidend ist

Ein nützlicher Akzeptanztest fragt nach einer Einstellung, deren Antwort je nach Version abweichen kann, und öffnet anschließend die Quellenangabe, um sowohl die Aussage als auch die versionierte URL zu prüfen.

Die Docusaurus-Dokumentation fragen

Wie öffne ich standardmäßig die neueste stabile Dokumentation?

Setzen Sie in der Konfiguration des Dokumentations-Plugins lastVersion auf die Version, die Besuchende öffnen sollen, und verwenden Sie onlyIncludeVersions, wenn Sie die veröffentlichten Versionen begrenzen müssen. Behalten Sie die aktuelle Dokumentationsroute nur bei, wenn Nutzende auf unveröffentlichte Dokumentation zugreifen sollen.

iQuellen1^

Dokumentationsversionierung: Konfiguration

docusaurus.io/docs/versioning

Eine Frage stellen...

Bereitgestellt von ChattyBox

Ursprüngliche Ergebnisreferenz: Die Antwort nennt die relevanten Versionseinstellungen und stellt den offiziellen Versionierungsleitfaden als Nachweis bereit.

Primärquellen und reproduzierbare Nachweise

Root-Komponente des Docusaurus-ThemesOffizielle Anleitung für die oberste Komponente, die bei der Navigation nicht ausgehängt wird.Versionierung der Docusaurus-DokumentationOffizielles Verhalten für aktuelle Dokumentation, gespeicherte Versionen, Versionspfade und Versionsauswahl.Internationalisierung von DocusaurusOffizielle Anleitung für sprachspezifische Builds und lokalisierte URLs.Docusaurus-Sitemap-PluginOffizielle Optionen für Sitemap-Erstellung, Filterung und Änderungshäufigkeit.Reproduzierbares Docusaurus-3-BeispielMinimale Root.tsx-Implementierung und ein Prüfbefehl für doppelte Loader.

Installationspfad

So fügen Sie ChattyBox zu Docusaurus hinzu

Erstellen Sie eine Root-Komponente für das Docusaurus-Theme, fügen Sie das Widget-Skript hinzu, nachdem Ihre Dokumente gescrapt wurden, und stellen Sie es bereit. Ihre Besucher können dann von jeder Dokumentenseite aus Fragen stellen.

1Erstellen Sie ein ChattyBox-Projekt und geben Sie die URL oder Sitemap Ihrer Docusaurus-Dokumente ein.
2Testen Sie echte Docusaurus-Fragen im Dashboard und bestätigen Sie, dass Zitate auf die richtigen Seiten verweisen.
3Fügen Sie das Widget-Skript in src/theme/Root.tsx hinzu, damit es auf Ihrer Dokumentationsseite geladen wird.

Erstellen Sie Ihren Chatbot

src/theme/Root.tsx

tsx

import React, { useEffect, type ReactNode } from 'react';

const WIDGET_ID = 'chattybox-widget';

export default function Root({ children }: { children: ReactNode }) {
  useEffect(() => {
    if (document.getElementById(WIDGET_ID)) return;

    const script = document.createElement('script');
    script.id = WIDGET_ID;
    script.src = 'https://chattybox.ai/widget.js';
    script.async = true;
    script.dataset.apiKey = 'YOUR_API_KEY';
    script.dataset.apiUrl = 'https://adorable-woodpecker-629.convex.site/chat';
    script.dataset.chattyboxWidget = 'true';
    document.body.appendChild(script);
  }, []);

  return <>{children}</>;
}

Als Nächstes ansehen

Weitere Möglichkeiten, ChattyBox zu nutzen

Alle Lösungen ansehen

KI-Chatbot für Dokumentation

Erfahren Sie, wie Antworten mit Quellenangaben auf technischen Dokumentationssites und Plattformen funktionieren.

Öffnen

Developer-Docs-Chatbot

Helfen Sie Entwicklern, Setup-, SDK-, API- und Fehlerfragen schneller aus Ihren Guides zu lösen.

Öffnen

MkDocs KI-Chatbot

Vergleichen Sie denselben Workflow mit Quellenangaben für MkDocs und Material-for-MkDocs-Websites.

Öffnen

Alle Plattform-Guides anzeigen

Finden Sie Setup-Guides für VitePress, Starlight, Nextra, Mintlify, ReadMe, Hugo und weitere Docs-Plattformen.

Öffnen

Häufige Fragen

Kann ChattyBox eine Docusaurus-Website crawlen?

Ja. ChattyBox kann öffentliche Docusaurus-Dokumentationsseiten crawlen oder eine Sitemap-URL nutzen, um Docs-Inhalte zu finden.

Muss ich mein Docusaurus-Theme ändern?

Nein. Sie betten ChattyBox mit einem Script-Tag ein, sodass es neben Ihrem bestehenden Docusaurus-Theme und Deployment funktioniert.

Verlinken Antworten zurück auf Docusaurus-Seiten?

Ja. Antworten können Zitate enthalten, die Nutzer zurück zu den exakten Dokumentationsseiten führen, die für die Antwort verwendet wurden.

Kann ich den Bot vor der Installation testen?

Ja. Sie können gescrapte Inhalte im Dashboard testen, bevor Sie das Widget-Snippet auf Ihre Docusaurus-Website kopieren.

Kostenlos starten

Keine Kreditkarte erforderlich. Ihre Inhalte werden nicht für Modelltraining verwendet.

Erstellen Sie einen kostenlosen Chatbot

Kostenloser Tarif. Keine Karte nötig.