将 React 应用程序部署到 GitHub 页面

使用GitHub Pages部署静态网站的简单性是一个可以轻松转移到 React 应用程序的过程。只需几个步骤，就可以轻松地在 GitHub Pages 上免费托管 React 应用程序，或者构建它以部署在您自己的自定义域或子域上。

在本文中，我们将探讨如何在 GitHub Pages 上部署 React 应用程序。我们还将演示如何在 GitHub Pages 上为我们的静态网站创建自定义域。

让我们开始吧！

跳跃前进：

• 先决条件

• 什么是 GitHub 页面？

• 使用 GitHub Pages 进行 React 应用部署演示

  • 设置 React 应用程序

  • 创建 GitHub 存储库

  • 将 React 应用推送到 GitHub 存储库

    • 跟踪和同步更改

    • 推送代码

    • 添加依赖包

    • 添加部署脚本

    • 提交更改并推送代码更新

• 添加自定义域

  • 部署到 GitHub 自定义子域

  • 部署到 GitHub Apex 域

先决条件

• 一个 GitHub 帐户，或设置一个

• 熟悉 Git 命令

• Node.js 已安装，或者您可以在此处安装

什么是 GitHub 页面？

GitHub Pages 是 GitHub 的一项服务，可让您将 HTML、JavaScript 和 CSS 文