自定义 CSS 支持

Nextra 与 Next.js 的内置 CSS 支持 100% 兼容，包括 .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 支持文档。