介绍
React 是一个用于构建用户界面的 JavaScript 库，而 GitHub Pages 是一个用于部署静态网页的免费托管服务，可以将你的 React 应用部署到 GitHub Pages 上，供他人访问。
本教程将指导你如何将你的 React 应用部署到 GitHub Pages，并使其在线展示。
步骤
1. 创建一个新的 GitHub 仓库
首先，登录你的 GitHub 帐号，创建一个新的仓库。仓库名可以是你应用的名字，比如 "my-react-app"。
2. 设置 GitHub Pages
进入你的仓库页面，点击 "Settings" 选项卡，向下滚动到 "GitHub Pages" 部分。在 "Source" 下拉菜单中，选择 "master branch" 作为部署源。保存后，GitHub Pages 将会自动为你的仓库生成一个访问链接。
3. 克隆仓库到本地电脑
在命令行终端中，使用如下命令将仓库克隆到本地电脑：
git clone https://github.com/your-username/my-react-app.git
4. 初始化 React 应用
在命令行终端中，进入项目目录并初始化一个新的 React 应用：
cd my-react-app
npx create-react-app .
5. 修改配置文件
进入项目目录，打开 package.json 文件，添加以下内容：
"homepage": "https://your-username.github.io/my-react-app"
将 your-username 替换为你的 GitHub 用户名。
6. 构建并部署应用
在命令行终端中，运行以下命令构建应用的生产版本：
npm run build
构建完成后，将 build 文件夹中的所有文件复制到你的仓库目录中：
cp -R build/* .
7. 推送到 GitHub 仓库
运行以下命令将更改的文件添加到 Git 并推送到 GitHub 仓库：
git add .
git commit -m "Initial commit"
git push origin master
8. 访问你的应用
现在，你的应用已经成功部署到 GitHub Pages 上了。在浏览器中访问 https://your-username.github.io/my-react-app，即可查看你的 React 应用。
结论
通过上述步骤，你成功地将你的 React 应用部署到了 GitHub Pages，并使其在线展示。这使得你可以轻松地与他人分享你的应用。祝你部署愉快！
注意： 部署到 GitHub Pages 可能需要几分钟时间才能生效，请耐心等待。
本文来自极简博客，作者：红尘紫陌，转载请注明原文链接：部署 React 到 GitHub Pages
