Docusaurus docs-support

Lägg till en AI-chatbot till din Docusaurus-dokumentation på minuter

En Docusaurus AI-chattbot för tekniska skribenter, DevRel och supportteam. ChattyBox genomsöker din Docusaurus-dokumentation, besvarar frågor som “Hur konfigurerar jag versionshantering?” från dessa sidor och citerar källan den använde. Ingen egen RAG och ingen migrering.

Genomsöker publicerade dokumentsidor

Källangivna svar

Bäddar in med ett skript

Ingen dokumentmigrering krävs

Skapa din chatbot Se priser

Inget kreditkort krävsDitt innehåll förblir ditt

Fråga ChattyBox

Var ska jag börja om jag behöver ett tillförlitligt svar från den här webbplatsen?

Börja med att lägga till din webbplats-URL i ChattyBox. Den genomsöker ditt innehåll, svarar utifrån sidorna den hittar och visar besökare källorna bakom varje svar.

iKällor3^

Docusaurus vägledning

chattybox.ai

Analys

chattybox.ai

Hem

chattybox.ai

Ställ en fråga...

Drivs av ChattyBox

Självbetjäningsinställning

Inget säljsamtal krävs

Vissa AI-stödverktyg gör att du bokar en demo innan du ens kan testa produkten. ChattyBox är självbetjäning: lägg till din webbplats, genomsök dina dokument, testa chatboten och bädda in den när du är redo.

Traditionella AI-stödverktyg

ChattyBox

Traditionella AI-stödverktygBoka en demo

ChattyBoxBörja direkt

Traditionella AI-stödverktygPrissättning dold eller säljledd

ChattyBoxOffentlig prissättning

Traditionella AI-stödverktygFöretagsfokuserad

ChattyBoxByggd för dokumentwebbplatser, små team, OSS och SaaS

Traditionella AI-stödverktygFörsäljningssamtal först

ChattyBoxTesta själv först

Byggd för Docusaurus-team

Lansera en chattbot med källhänvisningar utan att bygga om din docs-stack

ChattyBox crawlar din befintliga dokumentation, indexerar innehållet för hämtning och bäddar in en chattbot som svarar med dina docs i stället för generiskt modellminne.

En Root-wrapper i Docusaurus 3 laddar widgeten en gång under klientapplikationens livstid.

Genomsökningsomfång kan följa aktuella, versionerade, lokaliserade eller avsiktligt filtrerade dokumentationsvägar.

Citat återför läsarna till den stödjande Docusaurus-sidan och bevarar dess version och språksökväg.

Det reproducerbara exemplet täcker förebyggande av dubbletter, klientnavigering, CSP och verifiering på ruttnivå.

Arbetsflödessteg

Välj produktionswebbplatskartan för Docusaurus eller en avsiktlig uppsättning aktuella, versionerade och lokaliserade dokumentrutter.

Arbetsflödessteg

Genomsök de valda rutterna och testa sedan frågor mot den exakta versionen och lokaliseringen som dina besökare använder.

Arbetsflödessteg

Installera en beständig laddare i src/theme/Root.tsx och tillåt skriptets och API:ets ursprung i webbplatsens innehållssäkerhetspolicy.

Arbetsflödessteg

Navigera mellan dokumentsidor utan omladdning och verifiera en widgetinstans, fungerande citat och inga konsol- eller CSP-fel.

Lansering i tre steg

Klistra in din Docusaurus URL, testa citerade svar och installera sedan widgeten.

Skapa din chatbot

Verifierat redaktionellt underlag

En testad Docusaurus 3-integration, inte ett skript på ruttnivå

Docusaurus återger en beständig React-applikation kring ruttändringar på klientsidan. Det testade Root-omslaget skapar därför en laddare, känner igen senare monteringar med ID och lämnar laddaren på plats istället för att ta bort en fortfarande aktiv widget under utvecklingsremontering.

Teknisk författare: ChattyBox dokumentationsteam
Teknisk granskare: ChattyBox Engineering
Senast uppdaterad: 2026-07-09
Information kontrollerad: Docusaurus 3.10 och nuvarande ChattyBox-widget

Kontrollera Root-livscykeln, webbplatskartans utdata och CSP-ursprungen igen efter en större Docusaurus-uppgradering eller en ändring av widgetens endpoint.

Docusaurus Root-komponent förhindrar en dubblett av ChattyBox-skript efter klientnavigering — Ursprunglig installationsreferens: laddaren har ett stabilt ID, laddas asynkront och ligger kvar när Docusaurus byter rutt.

Docusaurus 3 installationsbeslut och deras end-to-end-kontroller.
Docusaurus-aspekt	Implementeringsbeslut	Kontroll
Root och klientnavigering	Skapa det asynkrona skriptet en gång med ett stabilt ID. Returnera ingen rensningsfunktion från effekten eftersom Root och widgeten ska finnas kvar mellan rutter.	Öppna två interna dokumentationslänkar och bekräfta att document.querySelectorAll("#chattybox-widget").length är 1.
Innehållssäkerhetspolicy	Tillåt chattybox.ai i script-src, det konfigurerade API-ursprunget i connect-src, fonts.googleapis.com i style-src och fonts.gstatic.com i font-src. Den aktuella widgeten injicerar sin komponent-CSS, så en strikt style-src behöver även 'unsafe-inline' tills en nonce-medveten eller extern stilmallsbyggnad är tillgänglig.	Ladda om med DevTools öppen och bekräfta att det inte finns några blockerade skript-, stil-, typsnitts-, hämtnings- eller WebSocket-förfrågningar.
Versioner, språkinställningar och webbplatskartor	Inspektera den distribuerade webbplatskartan innan den genomsöks. Inkludera endast sökvägar för versioner och språk som stöds, eller använd separata källor när publiken inte får ta emot svar i flera versioner.	Ställ samma versionsspecifika fråga i varje indexerad lokalitet och kontrollera att varje citat behåller det förväntade ruttprefixet.
Widget saknas eller visas dubbelt	Kontrollera API-nyckeln, laddar-ID, CSP-konsolmeddelanden, skriptsvar och om en annan temakomponent också injicerar widgeten.	Testa en produktionsbyggnad, inte bara omladdning, och inspektera panelerna Elements och Network efter navigering.

Kontroll av citerade svar

Testa ett svar där versionssökvägen spelar roll

Ett användbart godkännandetest frågar om en inställning vars svar kan skilja sig mellan versioner och öppnar sedan källhänvisningen för att verifiera både påståendet och den versionerade URL:en.

Fråga Docusaurus-dokumenten

Hur öppnar jag de senaste stabila dokumenten som standard?

Ställ in lastVersion i dokumentationspluginets konfiguration på den version som besökare ska öppna och använd onlyIncludeVersions när du behöver begränsa publicerade versioner. Behåll bara den aktuella dokumentationsrutten om användarna ska kunna nå ännu ej publicerad dokumentation.

iKällor1^

Dokumentversionering: konfiguration

docusaurus.io/docs/versioning

Ställ en fråga...

Drivs av ChattyBox

Ursprungligt resultatreferens: svaret namnger de relevanta versionsinställningarna och visar den officiella versionsguiden som bevis.

Primärkällor och reproducerbart underlag

Root-komponenten i Docusaurus-tematOfficiell vägledning för toppnivåkomponenten som inte avmonteras över navigering.Docusaurus docs versioneringOfficiellt beteende för aktuella dokument, sparade versioner, versionssökvägar och versionsval.Docusaurus internationaliseringOfficiell vägledning för lokalisering och lokaliserad URL.Docusaurus sitemap pluginOfficiella alternativ för generering av webbplatskartor, filtrering och ändringsfrekvens.Reproducerbart exempel för Docusaurus 3Minimal Root.tsx-implementering och ett duplicate-loader-verifieringskommando.

Installationsväg

Hur man lägger till ChattyBox till Docusaurus

Skapa en rotkomponent för Docusaurus-tema, lägg till widgetskriptet efter att dina dokument har skrapats och distribuera. Dina besökare kan sedan ställa frågor från vilken dokumentsida som helst.

1Skapa ett ChattyBox-projekt och ange din Docusaurus docs-URL eller webbplatskarta.
2Testa riktiga Docusaurus-frågor i instrumentpanelen och bekräfta att citaterna pekar till rätt sidor.
3Lägg till widgetskriptet i src/theme/Root.tsx så att det laddas på din dokumentationswebbplats.

Skapa din 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}</>;
}

Utforska härnäst

Fler sätt att använda ChattyBox

Utforska alla lösningar

AI chatbot för dokumentation

Se hur källangivna svar fungerar på webbplatser och plattformar för teknisk dokumentation.

Öppna

Utvecklare docs chatbot

Hjälp utvecklare att lösa konfigurations-, SDK-, API- och felfrågor från dina guider snabbare.

Öppna

MkDocs AI chatbot

Jämför samma källangivna arbetsflöde för MkDocs och Material för MkDocs-webbplatser.

Öppna

Bläddra igenom alla plattformsguider

Hitta installationsguider för VitePress, Starlight, Nextra, Mintlify, ReadMe, Hugo och fler dokumentplattformar.

Öppna

Vanliga frågor

Kan ChattyBox crawla en Docusaurus-webbplats?

Ja. ChattyBox kan crawla offentliga Docusaurus-dokumentationssidor eller använda en sitemap-URL för att hitta docs-innehåll.

Behöver jag ändra mitt Docusaurus-tema?

Nej. Du bäddar in ChattyBox med en skripttagg, så den fungerar bredvid ditt befintliga Docusaurus-tema och din deployment.

Länkar svar tillbaka till Docusaurus-sidor?

Ja. Svar kan innehålla citat som skickar användare tillbaka till de exakta dokumentationssidor som användes för svaret.

Kan jag testa boten innan jag installerar den?

Ja. Du kan testa scrapad content i instrumentpanelen innan du kopierar widgetsnutten till din Docusaurus-webbplats.

Starta gratis

Inget kreditkort krävs. Ditt innehåll används inte för modellträning.

Skapa gratis chatbot

Free-nivå. Inget kort behövs.