跳到主要内容

创建页面

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上访问一个新页面。