Nextra 中文文档
自定义 CSS

自定义CSS

Nextra 与 Next.js 的内置 CSS 支持 (opens in a new tab)完全兼容, 包括 .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 文档 (opens in a new tab)