自定义 CSS 支持

Nextra 完全兼容 Next.js 内置的 CSS 支持，包括 .css、.module.css 和 Sass（.scss、.sass、.module.scss、.module.sass）文件。

例如，考虑以下名为 styles.css 的样式表：

styles.css


body {
  font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica',
    'Arial', sans-serif;
  padding: 20px 20px 60px;
  max-width: 680px;
  margin: 0 auto;
}

要应用你的全局样式，在根布局文件中导入你的 CSS 文件：

app/layout.jsx


import '../path/to/your/styles.css'
 
export default async function RootLayout({ children }) {
  // ... Your layout logic here
}

有关如何在 Next.js 中使用 CSS 的更多信息，请查看 Next.js CSS 支持文档。