跳到主要内容

创建页面

在 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>我的 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