自定义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)。