首頁 > web前端 > js教程 > 主體

使用 Nextra 產生文件站點

Susan Sarandon
發布: 2024-11-08 20:58:02
原創
435 人瀏覽過

在本文中,您將了解如何使用 Nextra 產生靜態文件站點,我們也提供了一個範例。

使用 Nextra,您可以使用 Next.js 和 MDX 製作精美的網站。

Nextra docs 提供了兩種選項,一種用於文檔,另一種用於部落格。

使用 Nextra

手動配置 Nextra 很簡單。您安裝軟體包,更新 Next.js 配置,建立主題.config.jsx,最後建立pages/_app.jsx

Nextra 上有一個關於在應用程式路由器中使用 Nextra 的重要常見問題解答,尚不支持,但 Next.js 支援應用程式和

同一應用程式中的頁面路由器。

非官方變更集文件網站

此儲存庫是一個非官方變更集文件網站。它部署在 Vercel 上,可從以下位置取得:https://changesets-docs.vercel.app/

Generate a documentation site using Nextra

// next.config.mjs
import nextra from "nextra";
const withNextra = nextra({
 theme: "nextra-theme-docs",
 themeConfig: "./theme.config.jsx",
 defaultShowCopyCode: true,
});
export default withNextra({
 i18n: {
 locales: ["en-US", "zh-CN"],
 defaultLocale: "en-US",
 },
});
登入後複製

關於我們:

在 Thinkthroo,我們研究大型開源專案並提供架構指南。我們開發了使用 Tailwind 建構的可重複使用元件,您可以在專案中使用它們。我們提供 Next.js、React 和 Node 開發服務。

與我們預約會面討論您的專案。

Generate a documentation site using Nextra

參考:

  1. https://nextra.site/docs/docs-theme/start

  2. https://github.com/nnecec/changesets-docs

  3. https://changesets-docs.vercel.app/

以上是使用 Nextra 產生文件站點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板