github-pages - 如何将 Angular 13 应用程序部署到 Git Hub 页面而不获取自述文件或 404

Question

tldr; 我想我需要添加一个 github 令牌。我有一个来自 github 的令牌，但我不知道如何在我所处的阶段实现它。

我正在尝试将 Angular 13 应用程序部署到 github 页面。现在，它只是自动生成的应用程序（此时我还没有添加或更改任何代码）。这是我采取的步骤

第 1 步：创建应用程序并确保其正常工作

ng new <appName>
cd <appName>
ng serve

第 2 步：在 Github 上创建一个仓库

第 3 步：检查它是否自动连接到一个 repo（如果它不是我们想要的，则删除它）

git remote 
git remote -v
git remote remove origin

第 4 步：连接到正确的 Git Repo（将变量替换为用户名和项目名称）

git remote add origin <https://github.com/USERNAME/PROJECT_NAME.git>

第 5 步：推送到 Git 存储库

git branch -m main
git add .
git commit -m "initial commit"
git push -u origin main

第 6 步：托管

npm install -g gh-pages
ng build --prod --base-href /PROJECT_NAME/  (find project name in angular.json at very bottom
gh-pages -d dist

当我做所有这些时，它表明它有效。但是，它只是加载一个 404 错误。经过大量的谷歌搜索，我认为这与令牌有关。所以我去拿了令牌，但我不知道该怎么处理它。

PS 已经看到Git Hub 页面未部署。(404)这没有帮助。

score 0 · Accepted Answer

答案是用户错误。上面的代码有效，并将成功部署应用程序到 gitHub 页面。

问题是我要去https://humanhickory.github.io/但是 ng build --prod --base-href 实际上创建了一个我必须导航到的新文件夹（所以https://humanhickory.github .io //)

此外，我可以通过再次运行 gh-pages -d dist 来使用该令牌。我第一次这样做时，它说“远程：用户名或密码无效。致命：'....' 的身份验证失败”。但是，当我第二次运行相同的命令时，它提示我登录。就是这样。

1 回答 1