Docusaurus Dukungan Dokumen

Tambahkan chatbot AI ke Anda Docusaurus Dokumentasi

Ubah dokumen Docusaurus Anda menjadi asisten dukungan AI yang mengutip halaman persis yang digunakannya. Simpan tumpukan dokumen Anda, tambahkan satu widget yang dapat disematkan.

Merangkak halaman dokumen yang dipublikasikan

Jawaban yang dikutip dari sumber

Sematkan dengan satu skrip

Tidak diperlukan migrasi dokumen

Buat bot obrolan Anda Lihat harga

Tidak perlu kartu kreditKonten Anda tetap milik Anda

Tanya ChattyBox

Di mana saya harus mulai jika membutuhkan jawaban tepercaya dari situs ini?

Mulailah dengan menambahkan URL situs web Anda ke ChattyBox. ChattyBox merayapi konten Anda, menjawab dari halaman yang ditemukan, dan menunjukkan sumber di balik setiap respons kepada pengunjung.

iSumber3^

Docusaurus panduan

chattybox.ai

Analitik

chattybox.ai

Beranda

chattybox.ai

Ajukan pertanyaan...

Didukung oleh ChattyBox

Pengaturan layanan mandiri

Tidak diperlukan panggilan penjualan

Beberapa alat pendukung AI mengharuskan Anda memesan demo bahkan sebelum Anda dapat menguji produknya. ChattyBox bersifat mandiri: tambahkan situs Anda, jelajahi dokumen Anda, uji chatbot, dan sematkan saat Anda siap.

Alat pendukung AI tradisional

ChattyBox

Alat pendukung AI tradisionalPesan demo

ChattyBoxMulailah segera

Alat pendukung AI tradisionalPenetapan harga tersembunyi atau didorong oleh penjualan

ChattyBoxPenetapan harga publik

Alat pendukung AI tradisionalBerfokus pada perusahaan

ChattyBoxDibuat untuk situs dokumen, tim kecil, OSS, dan SaaS

Alat pendukung AI tradisionalPercakapan penjualan terlebih dahulu

ChattyBoxUji sendiri dulu

Dibuat untuk Docusaurus tim

Luncurkan chatbot yang dikutip sumber tanpa membangun kembali tumpukan dokumen Anda

ChattyBox merayapi dokumentasi Anda yang ada, mengindeks konten untuk diambil, dan menyematkan chatbot yang menjawab menggunakan dokumen Anda, bukan memori model umum.

Wrapper Root Docusaurus 3 memuat widget sekali selama masa aktif aplikasi klien.

Cakupan crawling dapat mengikuti jalur dokumentasi terkini, berversi, terlokalisasi, atau yang sengaja difilter.

Kutipan mengarahkan pembaca kembali ke halaman Docusaurus pendukung dan mempertahankan jalur versi serta locale-nya.

Contoh yang dapat direproduksi mencakup pencegahan duplikat, navigasi klien, CSP, dan verifikasi tingkat jalur.

Langkah alur kerja

Pilih sitemap Docusaurus produksi atau kumpulan jalur dokumentasi terkini, berversi, dan terlokalisasi yang ditentukan secara sengaja.

Langkah alur kerja

Lakukan crawling pada jalur yang dipilih, lalu uji pertanyaan terhadap rilis dan locale persis yang digunakan pengunjung Anda.

Langkah alur kerja

Instal satu loader persisten di src/theme/Root.tsx dan izinkan origin skrip serta API-nya dalam Content Security Policy Anda.

Langkah alur kerja

Navigasikan antarhalaman dokumentasi tanpa memuat ulang dan verifikasi satu instance widget, kutipan yang berfungsi, serta tidak adanya kesalahan konsol atau CSP.

Peluncuran tiga langkah

Tempelkan URL Docusaurus Anda, uji jawaban yang dikutip, lalu pasang widget.

Buat bot obrolan Anda

Bukti editorial yang telah diuji

Integrasi Docusaurus 3 yang telah diuji, bukan skrip tingkat jalur

Docusaurus merender aplikasi React persisten saat terjadi perubahan jalur di sisi klien. Karena itu, wrapper Root yang diuji membuat satu loader, mengenali mount berikutnya berdasarkan ID, dan mempertahankan loader alih-alih menghapus widget yang masih aktif saat remount dalam pengembangan.

Penulis teknis: Tim Dokumentasi ChattyBox
Peninjau teknis: Tim Rekayasa ChattyBox
Terakhir diperbarui: 2026-07-09
Informasi diperiksa: Docusaurus 3.10 dan widget ChattyBox saat ini

Periksa kembali siklus hidup Root, output sitemap, dan origin CSP setelah upgrade mayor Docusaurus atau perubahan endpoint widget.

Komponen Root Docusaurus yang mencegah duplikasi skrip ChattyBox setelah navigasi klien — Referensi instalasi asli: loader memiliki ID stabil, dimuat secara asinkron, dan tetap ada saat Docusaurus mengubah jalur.

Keputusan instalasi Docusaurus 3 dan pemeriksaan menyeluruhnya.
Aspek Docusaurus	Keputusan implementasi	Verifikasi
Root dan navigasi klien	Buat skrip async sekali berdasarkan ID stabil. Jangan kembalikan cleanup dari effect karena Root dan widget dimaksudkan untuk tetap ada di seluruh jalur.	Buka dua tautan dokumentasi internal dan pastikan document.querySelectorAll("#chattybox-widget").length bernilai 1.
Kebijakan Keamanan Konten	Izinkan chattybox.ai di script-src, origin API yang dikonfigurasi di connect-src, fonts.googleapis.com di style-src, dan fonts.gstatic.com di font-src. Widget saat ini menyisipkan CSS komponennya sendiri, sehingga style-src yang ketat juga memerlukan 'unsafe-inline' sampai build berbasis nonce atau stylesheet eksternal tersedia.	Muat ulang dengan DevTools terbuka dan pastikan tidak ada permintaan script, style, font, fetch, atau WebSocket yang diblokir.
Versi, locale, dan cakupan sitemap	Periksa sitemap yang telah di-deploy sebelum crawling. Sertakan hanya jalur rilis dan locale yang didukung, atau gunakan sumber terpisah jika audiens tidak boleh menerima jawaban lintas versi.	Ajukan pertanyaan khusus rilis yang sama di setiap locale terindeks dan periksa bahwa setiap kutipan mempertahankan prefiks jalur yang diharapkan.
Widget hilang atau duplikat	Periksa kunci API, ID loader, pesan konsol CSP, respons skrip, dan apakah komponen tema lain juga menyisipkan widget.	Uji build produksi, bukan hanya hot reload, dan periksa panel Elements serta Network setelah navigasi.

Pemeriksaan jawaban dengan kutipan

Uji jawaban ketika jalur rilis berpengaruh

Pengujian penerimaan yang berguna menanyakan pengaturan yang jawabannya dapat berbeda menurut rilis, lalu membuka kutipan untuk memverifikasi klaim dan URL berversi.

Tanyakan dokumentasi Docusaurus

Bagaimana cara membuka dokumentasi stabil terbaru secara default?

Dalam konfigurasi plugin dokumentasi, atur lastVersion ke versi yang harus dibuka pengunjung dan gunakan onlyIncludeVersions saat Anda perlu membatasi rilis yang dipublikasikan. Pertahankan jalur dokumentasi saat ini hanya jika Anda ingin pengguna mengakses dokumentasi yang belum dirilis.

iSumber1^

Pembuatan versi dokumentasi: konfigurasi

docusaurus.io/docs/versioning

Ajukan pertanyaan...

Didukung oleh ChattyBox

Referensi hasil asli: jawaban menyebutkan pengaturan versi yang relevan dan menampilkan panduan pembuatan versi resmi sebagai bukti.

Sumber primer dan bukti yang dapat direproduksi

Komponen Root tema DocusaurusPanduan resmi untuk komponen tingkat atas yang tidak di-unmount selama navigasi.Pembuatan versi dokumentasi DocusaurusPerilaku resmi untuk dokumentasi saat ini, versi tersimpan, jalur versi, dan pemilihan versi.Internasionalisasi DocusaurusPanduan resmi untuk build locale dan URL yang dilokalkan.Plugin sitemap DocusaurusOpsi resmi untuk pembuatan, pemfilteran, dan frekuensi perubahan sitemap.Contoh Docusaurus 3 yang dapat direproduksiImplementasi Root.tsx minimal dan perintah verifikasi loader duplikat.

Jalur pemasangan

Bagaimana cara menambahkan ChattyBox ke Docusaurus

Buat komponen Root tema Docusaurus, tambahkan skrip widget setelah dokumen Anda dikikis, dan terapkan. Pengunjung Anda kemudian dapat mengajukan pertanyaan dari halaman dokumen mana pun.

1Buat proyek ChattyBox dan masukkan URL dokumen atau peta situs Docusaurus Anda.
2Uji pertanyaan Docusaurus yang sebenarnya di dasbor dan konfirmasikan kutipan mengarah ke halaman yang tepat.
3Tambahkan skrip widget di src/theme/Root.tsx agar dapat dimuat di seluruh situs dokumentasi Anda.

Buat bot obrolan Anda

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

Jelajahi berikutnya

Lebih banyak cara menggunakan ChattyBox

Jelajahi semua solusi

Chatbot AI untuk dokumentasi

Lihat cara kerja jawaban yang dikutip sumber di seluruh situs dan platform dokumentasi teknis.

Buka

Chatbot dokumen pengembang

Bantu pengembang menyelesaikan pertanyaan penyiapan, SDK, API, dan kesalahan dari panduan Anda dengan lebih cepat.

Buka

Bot obrolan AI MkDocs

Bandingkan alur kerja yang dikutip sumber yang sama untuk situs MkDocs dan Material untuk MkDocs.

Buka

Telusuri semua panduan platform

Temukan panduan pengaturan untuk VitePress, Starlight, Nextra, Mintlify, ReadMe, Hugo, dan platform dokumen lainnya.

Buka

Tanya Jawab

Pertanyaan umum

Bisakah ChattyBox merayapi situs Docusaurus?

Ya. ChattyBox dapat merayapi halaman dokumentasi Docusaurus publik atau menggunakan URL peta situs untuk menemukan konten dokumen.

Apakah saya perlu mengubah tema Docusaurus saya?

Tidak. Anda menyematkan ChattyBox dengan tag skrip, sehingga dapat berfungsi bersamaan dengan tema dan penerapan Docusaurus yang ada.

Akankah jawaban tertaut kembali ke halaman Docusaurus?

Ya. Jawaban dapat menyertakan kutipan yang mengarahkan pengguna kembali ke halaman dokumentasi persis yang digunakan untuk tanggapan.

Bisakah saya menguji bot sebelum memasangnya?

Ya. Anda dapat menguji konten yang diambil di dasbor sebelum menyalin cuplikan widget ke situs Docusaurus Anda.

Mulai gratis

Tidak perlu kartu kredit. Konten Anda tidak digunakan untuk pelatihan model.

Buat chatbot gratis

Paket gratis. Tanpa kartu.