我目前正在尝试在我的Node.js项目中托管我的html页面（My Map.html）。它应该显示一个Map，这个文件不在文件夹中。我尝试在terminal中运行npm run build命令，然后通过GitHub Pages部署页面，但它最终显示了我的ReadME文件。我做错了什么，我如何让GitHub只显示我的Node.js/Typescript项目中的HTML页面？x1c 0d1x的数据
7z5jn7bk1#
我可以通过执行以下操作来解决这个问题：
My Map.html
index.html
在我的package.json的根目录中，我添加了：
package.json
"homepage": "https://{username.github.io}/{repo}",
字符串然后我写了npm install --global gh-pages --save-dev。我需要--global来确保bin文件在我的PATH上，--save-dev应该将其作为依赖项添加到我的package.json中之后，只有npm run build && gh-pages -d build。-d指定了我的输出构建目录。标准是建立，但我的是公共的。如果不一样，就换一个。最后，我确保在Settings -> Pages部分中选择gh-pages作为要托管的分支，并将目录保留为/（root）。然后它工作后，它部署！我从一个叫凯西的用户那里找到了这个答案，这个问题是10多年前提出的，希望这能帮助其他人。
npm install --global gh-pages --save-dev
--global
PATH
--save-dev
npm run build && gh-pages -d build
-d
yr9zkbsy2#
要在Node.js项目中的GitHub Pages上托管HTML文件，请按照以下步骤操作：1.创建docs文件夹：GitHub Pages将自动发布存储库中docs文件夹中的内容。在Node.js项目的根目录下创建一个docs文件夹。1.移动HTML文件：将MyMap.html文件移动到新创建的docs文件夹中。1.设置package.json文件：在package.json文件中，添加以下行以将部署路径指定为docs文件夹。“scripts”：{“build”：“your-build-command”，“predeploy”：“npm run build”，“deploy”：“gh-pages -d docs”}将your-build-command替换为您用于构建项目的实际命令（例如，npm run build、ng build等）。1.安装gh-pages软件包：如果您还没有安装gh-pages包，它可以帮助您部署到GitHub Pages。npm install gh-pages --save-dev1.部署到GitHub页面：现在，运行以下命令来构建项目并将其部署到GitHub Pages。npm run deploy部署过程完成后，您的MyMap.html文件应该可以通过GitHub Pages使用以下URL访问：https://your-github-username.github.io/your-repo-name/MyMap.html。确保您的MyMap.html文件使用正确的相对路径引用所有必要的资源（CSS，JavaScript文件，图像等），以确保它们在托管在GitHub Pages上时正确加载。按照这些步骤，只有Node.js项目的HTML页面（MyMap.html）会显示在GitHub Pages上，其他文件（包括README）将不会显示。
docs
MyMap.html
your-build-command
npm run build
ng build
gh-pages
https://your-github-username.github.io/your-repo-name/MyMap.html
2条答案
按热度按时间7z5jn7bk1#
我可以通过执行以下操作来解决这个问题：
My Map.html更改为index.html在我的
package.json的根目录中，我添加了：字符串
然后我写了
npm install --global gh-pages --save-dev。我需要--global来确保bin文件在我的PATH上，--save-dev应该将其作为依赖项添加到我的package.json中之后，只有
npm run build && gh-pages -d build。-d指定了我的输出构建目录。标准是建立，但我的是公共的。如果不一样，就换一个。最后，我确保在Settings -> Pages部分中选择gh-pages作为要托管的分支，并将目录保留为/（root）。然后它工作后，它部署！
我从一个叫凯西的用户那里找到了这个答案，这个问题是10多年前提出的，希望这能帮助其他人。
yr9zkbsy2#
要在Node.js项目中的GitHub Pages上托管HTML文件，请按照以下步骤操作：
1.创建
docs文件夹：GitHub Pages将自动发布存储库中docs文件夹中的内容。在Node.js项目的根目录下创建一个docs文件夹。1.移动HTML文件：将
MyMap.html文件移动到新创建的docs文件夹中。1.设置
package.json文件：在package.json文件中，添加以下行以将部署路径指定为docs文件夹。“scripts”：{“build”：“your-build-command”，“predeploy”：“npm run build”，“deploy”：“gh-pages -d docs”}
将
your-build-command替换为您用于构建项目的实际命令（例如，npm run build、ng build等）。1.安装
gh-pages软件包：如果您还没有安装gh-pages包，它可以帮助您部署到GitHub Pages。npm install gh-pages --save-dev
1.部署到GitHub页面：现在，运行以下命令来构建项目并将其部署到GitHub Pages。
npm run deploy
部署过程完成后，您的
MyMap.html文件应该可以通过GitHub Pages使用以下URL访问：https://your-github-username.github.io/your-repo-name/MyMap.html。确保您的
MyMap.html文件使用正确的相对路径引用所有必要的资源（CSS，JavaScript文件，图像等），以确保它们在托管在GitHub Pages上时正确加载。按照这些步骤，只有Node.js项目的HTML页面（MyMap.html）会显示在GitHub Pages上，其他文件（包括README）将不会显示。