在 github 用户页面上部署 React 投资组合网站

Question

我正在处理我的投资组合，我使用 react 构建它，我想使用 GitHub 页面部署它。

因此，我开始进行部署，并且几乎按照 'Create React App / Deployment' 给出的每个步骤进行了操作，但是我没有看到想要的结果。

您可以Check here at thisisnitish.github.io：它部署了自述文件，我尝试了所有方法来修复它，但它显示了相同的结果。

您可以访问存储库 at github.com/thisisnitish/thisisnitish.github.io。

任何帮助将不胜感激?。

Answer 1

由于 https://hisisnitish.github.io 返回 404，这意味着 GitHub 没有发布任何内容。

那是因为 configuring a publishing source for your GitHub Pages site。

确保选择分支 main、文件夹 public 以指示 GitHub 从这些元素发布您的页面。

OP 补充：

<块引用>

只有这样一个根目录和 docs 文件夹

然后，为了进行测试，您可以尝试在 docs/ 文件夹而不是 public/ 文件夹中生成您的网站。
或者在单独的分支中生成它。

Answer 2

在您的 package.json 上，更改 deploy 脚本

"scripts": {
    ... (other scripts)
    "deploy": "gh-pages -b main -d build"
}

此外，不要将整个存储库推送到 github 页面上。此处仅 /build 文件夹的内容很重要。

或者，您可以在本地构建您的 React 应用

npm run build

然后将 /build（index.html 等）的内容上传/复制到您的存储库。