1
Bisakah ChattyBox merayapi situs Docusaurus?
Ya. ChattyBox dapat merayapi halaman dokumentasi Docusaurus publik atau menggunakan URL peta situs untuk menemukan konten dokumen.
Docusaurus Dukungan Dokumen
Tambahkan chatbot AI dengan kutipan sumber ke dokumentasi Docusaurus Anda
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 dipublikasikanJawaban yang dikutip dari sumberSematkan dengan satu skripTidak diperlukan migrasi dokumenTidak perlu kartu kreditKonten Anda tetap milik Anda
Daftar untuk mencoba paket Free kami
Sedang mengevaluasi ChattyBox untuk organisasi? Hubungi tim dukungan untuk mendiskusikan uji coba paket yang lebih besar.
Tanya ChattyBox
xDi 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
- Pesan demo
- Penetapan harga tersembunyi atau didorong oleh penjualan
- Berfokus pada perusahaan
- Percakapan penjualan terlebih dahulu
Pengaturan layanan mandiri
ChattyBox
- Mulailah segera
- Penetapan harga publik
- Dibuat untuk situs dokumen, tim kecil, OSS, dan SaaS
- Uji sendiri dulu
Dibuat untuk Docusaurus tim
Luncurkan chatbot dengan kutipan sumber tanpa membangun ulang stack situs Anda
ChattyBox merayapi situs web, dokumentasi, pusat bantuan, CMS, atau basis pengetahuan yang sudah ada, lalu menyematkan chatbot yang menjawab berdasarkan konten terbitan Anda sendiri, bukan memori model generik.
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.
1Langkah alur kerja
Pilih sitemap Docusaurus produksi atau kumpulan jalur dokumentasi terkini, berversi, dan terlokalisasi yang ditentukan secara sengaja.
2Langkah alur kerja
Lakukan crawling pada jalur yang dipilih, lalu uji pertanyaan terhadap rilis dan locale persis yang digunakan pengunjung Anda.
3Langkah alur kerja
Instal satu loader persisten di src/theme/Root.tsx dan izinkan origin skrip serta API-nya dalam Content Security Policy Anda.
4Langkah 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.
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
- 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.
| Aspek Docusaurus | Keputusan implementasi | Verifikasi |
|---|---|---|
Aspek Docusaurus Root dan navigasi klien | Keputusan implementasi Buat skrip async sekali berdasarkan ID stabil. Jangan kembalikan cleanup dari effect karena Root dan widget dimaksudkan untuk tetap ada di seluruh jalur. | Verifikasi Buka dua tautan dokumentasi internal dan pastikan document.querySelectorAll("#chattybox-widget").length bernilai 1. |
Aspek Docusaurus Kebijakan Keamanan Konten | Keputusan implementasi 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. | Verifikasi Muat ulang dengan DevTools terbuka dan pastikan tidak ada permintaan script, style, font, fetch, atau WebSocket yang diblokir. |
Aspek Docusaurus Versi, locale, dan cakupan sitemap | Keputusan implementasi 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. | Verifikasi Ajukan pertanyaan khusus rilis yang sama di setiap locale terindeks dan periksa bahwa setiap kutipan mempertahankan prefiks jalur yang diharapkan. |
Aspek Docusaurus Widget hilang atau duplikat | Keputusan implementasi Periksa kunci API, ID loader, pesan konsol CSP, respons skrip, dan apakah komponen tema lain juga menyisipkan widget. | Verifikasi 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
xBagaimana 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.
Ajukan pertanyaan...
Didukung oleh ChattyBox
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 dijalankanContoh berversi dengan Root loader persisten, rute yang dapat diuji, dan atribut widget terkini.
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.
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
01Chatbot AI untuk dokumentasiLihat cara kerja jawaban yang dikutip sumber di seluruh situs dan platform dokumentasi teknis.02Chatbot RAG untuk Situs Web AndaTerapkan pipeline Retrieval-Augmented Generation siap produksi tanpa menulis kode. Chatbot RAG untuk situs web Anda.03Bot obrolan AI MkDocsBandingkan alur kerja yang dikutip sumber yang sama untuk situs MkDocs dan Material untuk MkDocs.04Telusuri semua panduan platformTemukan panduan pengaturan untuk VitePress, Starlight, Nextra, Mintlify, ReadMe, Hugo, dan platform dokumen lainnya.
Tanya Jawab
Pertanyaan umum
2
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.
3
Akankah jawaban tertaut kembali ke halaman Docusaurus?
Ya. Jawaban dapat menyertakan kutipan yang mengarahkan pengguna kembali ke halaman dokumentasi persis yang digunakan untuk tanggapan.
4
Bisakah saya menguji bot sebelum memasangnya?
Ya. Anda dapat menguji konten yang diambil di dasbor sebelum menyalin cuplikan widget ke situs Docusaurus Anda.
Daftar untuk mencoba paket Free kami
Sedang mengevaluasi ChattyBox untuk organisasi? Hubungi tim dukungan untuk mendiskusikan uji coba paket yang lebih besar.