跳到主要内容

创建页面

将 Markdown 或 React 文件添加到 src/pages 中，以创建一个独立页面：

  • 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>我的 React 页面</h1>
            <p>这是一个 React 页面</p>
        </Layout>
    );
}

现在可以通过 http://localhost:3000/my-react-page 访问这个新页面。

创建你的第一个 Markdown 页面​

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

src/pages/my-markdown-page.md
# 我的 Markdown 页面

这是一个 Markdown 页面

现在可以通过 http://localhost:3000/my-markdown-page 访问这个新页面。