github页面上仅显示readme.md

Question

这是一个React js应用程序，我想将index.html（默认情况下位于公用文件夹中）作为我的根文件夹或任何导航index.html的链接 这是我的github页面：-https://impratikprtk.github.io/almostthere/ 这是我的存储库：-https://github.com/impratikprtk/almostthere

Answer 1

1. 从存储库中删除所有文件
2. 构建项目
3. 将所有文件均是内部版本的目录添加到仓库中

希望它能正常工作！

Answer 2

我发现这里的答案更加有用：GitHub pages only showing ReadMe file?。我的站点正在显示自述文件，因为我将源作为主文件，而当我以为要部署为主文件时，实际上是通过gh-pages分支部署到远程服务器，事实证明该分支更加干净。从母版读取数据时，它没有看到索引，因此默认情况下显示README.md文件。

我正在从create react应用进行部署。我没有意识到运行gh-pages -d build实际上会在您的远程站点（GitHub）上创建gh-pages分支，并完全根据需要自动推送到该分支。也就是说，解决该问题所需要做的就是将页面的源更改为gh-pages分支。

1. 在GitHub存储库上设置源。即

     

   您的GitHub Pages网站目前是从gh-pages分支构建的。

2. 将package.json和deploy

中的脚本添加到predeploy中

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "predeploy": "yarn build",     // <--- this and
    "deploy": "gh-pages -d build"  // <--- that
  },

1. 部署您的应用。 yarn deploy假设您是按照上面的脚本编写的。

2. 登录GitHub，转到您的存储库，然后检查应该为您创建的gh-pages分支。在实际的网站上进行更新需要花费几分钟，因此这是检查部署是否正常的好地方。

注意：文档中提到了初始部署。.但是我可以看到，当我运行yarn deploy时，它实际上是在运行yarn build的，而无需我先执行..因此，我似乎不需要运行“预部署”。很乐意在此发表评论。

Answer 3

我有同样的问题。

1. 确保将源从master分支更改为gh-pages分支。
2. 如果您没有README.md文件，请在gh-pages分支中创建一个文件。

这应该有效！

Answer 4

在我的情况下，我必须将活动分支设为gh-pages分支，并且还从设置的“选项”选项卡中将“源”分支也设为gh-pages分支。