This is documentation site is built with VitePress.
docs/
guide/ → Technical guides
examples/ → Integration and usage examples
index.md → Home page
support.md → Community help, contact
.vitepress/
config.ts → Site and theme configuration
Add your .md
file to either:
docs/guide/
for general documentationdocs/examples/
for code/integration examples
Example:
touch docs/guide/new-feature.md
Add header:
---
title: New Feature
outline: deep # or 'false' to disable right-hand table of contents
---
Or any other Frontmatter features.
Edit docs/.vitepress/config.ts
and add your page to the appropriate section:
sidebar: {
"/guide/": [
{
text: "Guide",
items: [
{ text: "Tech stack", link: "/guide/tech-stack" },
{ text: "New Feature", link: "/guide/new-feature" } // 👈 Add this
]
}
]
}
To expose a new top-level page in the navigation:
nav: [
{ text: "New Feature", link: "/guide/new-feature" }
]
Start the development server:
npm run docs:dev
Preview your built site:
npm run docs:preview
npm run docs:build
This project uses gh-pages
to deploy to GitHub Pages.
-
Build the site:
npm run docs:build
-
Deploy to the
gh-pages
branch:npm run deploy