Я пишу страницу документов Nextra для документации API. На левой стороне есть компонент Nextra "Navbar", который обычно имеет ссылки на одиночные страницы .mdx документации. < /P> Просмотр текущей страницы < /p>
Однако в моем случае я хотел бы иметь одну страницу для всей документации API и добавить теги анкер в компонент NAVBAR, вместо использования ссылок на однопочисти. Таким образом, пользователь просто прокручивает одну страницу и использует теги привязки, чтобы пропустить в нужные разделы. Файл '_meta.js', чтобы расположить их и переименовать их, однако это не работает с якорными тегами.
Любые идеи о том, как решить это?
export default {
index: 'Overview',
// You can use JSX elements to change the look of titles in the sidebar, e.g. insert icons
}
// Custom component for italicized text
function Italic({ children, ...props }) {
return [i]{children}[/i]
}
Я пишу страницу документов Nextra для документации API. На левой стороне есть компонент Nextra "Navbar", который обычно имеет ссылки на одиночные страницы .mdx документации. < /P> [b] Просмотр текущей страницы < /p> Однако в моем случае я хотел бы иметь одну страницу для всей документации API и добавить теги анкер в компонент NAVBAR, вместо использования ссылок на однопочисти. Таким образом, пользователь просто прокручивает одну страницу и использует теги привязки, чтобы пропустить в нужные разделы. Файл '_meta.js', чтобы расположить их и переименовать их, однако это не работает с якорными тегами. Любые идеи о том, как решить это?[code]import { Footer, Layout, Navbar } from 'nextra-theme-docs' import { Head } from 'nextra/components' import { getPageMap } from 'nextra/page-map' import 'nextra-theme-docs/style.css'
export const metadata = { // Define your metadata here // For more information on metadata API, see: https://nextjs.org/docs/app/building-your-application/optimizing/metadata }
export default async function RootLayout({ children }) { return (
{/* Your additional tags should be passed as `children` of `` element */}
{children}
) } [/code] _meta.js [code]export default { index: 'Overview', // You can use JSX elements to change the look of titles in the sidebar, e.g. insert icons }
// Custom component for italicized text function Italic({ children, ...props }) { return [i]{children}[/i] } [/code] next.config.js [code]// next.config.js import nextra from 'nextra'
const withNextra = nextra({ })
export default withNextra()
[/code] Это моя текущая структура проекта, я использую маршрутизатор приложения. Структура проекта