Johdanto
Onedocs sisältää asetteluja, komponentteja ja apureita dokumentaatiosivustoille, jotka on rakennettu kohteilla Next.js ja Fumadocs. Kirjoitat Markdown-tiedostoja, kuvaat sivustosi yhdessä asetustiedostossa, ja Onedocs tarjoaa dokumentaatiorungon, etusivun sekä SEO-reitit.
Se on tarkoitettu itsenäisille dokumentaatiosivustoille, ei dokumentaation lisäämiseen olemassa olevaan sovellukseen.
Mitä Onedocs sisältää
Fumadocs-pohjan päälle onedocs-paketti tarjoaa:
- Asettelut –
DocsLayoutjaDocsPageympäröivät kohteen Fumadocs UI-dokumentaatioasettelun, jossa on sivupalkki, haku, teeman vaihto ja sisällysluettelo.HomePagerenderöi aloitussivun, jossa on pääosio, asennuskomennot, ominaisuudet ja alatunniste. - Yksi asetustiedosto –
onedocs.config.tssisältää otsikon, kuvauksen, logon, sivustokuvakkeen, navigointilinkit, alatunnisteen ja etusivun sisällön. - MDX-komponentit –
mdxComponentsrekisteröi ilmoituslaatikot, välilehdet, kortit, vaiheet, haitarit, tiedostopuut, kuvan suurennuksen ja tyyppitaulukot, joten sivut voivat käyttää niitä ilman tuonteja. - CSS-esiasetus – yksi tuonti tuo käyttöön kohteen Tailwind CSS v4, teeman Fumadocs UI ja asettelun Onedocs-tyylit.
- SEO-apufunktiot – funktiot kohteille
sitemap.xml,robots.txt,llms.txt,llms-full.txt, sivun metatiedoille ja Open Graph-kuville.
Mitä sinun on määritettävä itse
Onedocs ei sisällä kohteita Next.js eikä Fumadocs. Ne ovat vertaisriippuvuuksia, jotka asennat sen rinnalle:
npm install onedocs fumadocs-core fumadocs-mdx fumadocs-ui lucide-react@0.562 next react react-dom
Tarvitset myös kohteet Tailwind CSS v4 ja Node.js 20.9 tai uudemman sekä noin kymmenen pientä tiedostoa: kohteen Next.js ja Fumadocs MDX-asetustiedostot, sisällön lähteen, juuriasettelun, dokumentaatioasettelun ja dokumentaatiosivun reitin. Getting Started-opas näyttää ne kaikki.
Missä asetukset määritetään
| Mitä | Missä |
|---|---|
| Sivuston otsikko, logo, navigointi, alatunniste | onedocs.config.ts, katso Configuration |
| Etusivun pääosio ja ominaisuudet | homepage kohteessa onedocs.config.ts, jonka HomePage renderöi kohteessa src/app/page.tsx |
| Dokumentaatioasettelu ja sivut | src/app/docs/layout.tsx ja src/app/docs/[[...slug]]/page.tsx, katso Getting Started |
| Sisältökansio ja sivupalkin järjestys | source.config.ts ja content/docs/meta.json |
| MDX-komponentit | mdxComponents, katso Components |
| Haku, sivustokartta, robots.txt, llms.txt | Reittitiedostot kohteessa src/app/, katso SEO & Search |
| Metatiedot ja Open Graph-kuvat | onedocs/metadata ja onedocs/og, katso API Reference |
Toimintaperiaate
- Markdown ensin – kirjoita
.md- tai.mdx-tiedostoja ja saat dokumentaation - Yksi asetustiedosto – sivustonlaajuiset asetukset ovat kohteessa
onedocs.config.ts - Joustovaraa – tarvitsetko lisää hallintaa? Käytä suoraan kohdetta Fumadocs