跳到主要内容

创建页面

在 src/pages 中添加Markdown 或 React文件，以创建独立页面:

  • src/pages/index.js -> localhost:3000/
  • src/pages/foo.md -> localhost:3000/foo
  • src/pages/foo/bar.js -> localhost:3000/foo/bar

创建你的第一个React页面​

在 src/pages/my-react-page.js 中创建一个文件:

src/pages/my-react-page.js
import React from 'react';
import Layout from '@theme/Layout';

export default function MyReactPage() {
  return (
    <Layout>
      <h1>My React page</h1>
      <p>This is a React page</p>
    </Layout>
  );
}

现在可以在“http://localhost:3000/my-react-page”上找到一个新页面。

创建你的第一个Markdown页面​

在 src/pages/my-markdown-page.md 创建一个文件:

src/pages/my-markdown-page.md
# My Markdown page

This is a Markdown page

现在可以在“http://localhost:3000/my-markdown-page”上找到一个新页面。