Nextra 3.0 已发布。 阅读更多
文档指南自定义 CSS

自定义 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;
}

您可以创建一个 pages/_app.js 文件并在其中导入您的 CSS 文件

pages/_app.js
import '../styles.css'
 
// This default export is required in a new `pages/_app.js` file.
export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

要了解有关 Next.js 中 CSS 支持的更多信息,请查看 Next.js 文档