docusaurus创建页面,引入<Layout>组件来显示导航栏和/或页脚

215 阅读1分钟

/src/pages/helloReact.js

import React from 'react';
import Layout from '@theme/Layout';

export default function Hello() {
  return (
    <Layout title="Hello" description="Hello React Page">
      <div
        style={{
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'center',
          height: '50vh',
          fontSize: '20px',
        }}>
        <p>
          Edit <code>pages/helloReact.js</code> and save to reload.
        </p>
      </div>
    </Layout>
  );
}

每个页面都没有任何样式。

如果您希望显示导航栏和/或页脚,则需要Layout从该组件导入组件并将内容包装在该组件中。@theme/Layout