一个仓库如何托管多个 GitHub Pages 网站

Question

我有一个 GitHub 存储库，其中包含 4 个不同的文件夹，分别命名为 module2/3/4/5 solutions，每个文件夹都包含 index.html 和 style.css 文件，这是我目前正在学习的 coursera 课程的一部分。现在，我无法弄清楚如何从这个存储库中分别托管这 4 个不同的页面。所有的教程和文档都告诉我们创建一个名为 username.github.io 的新存储库，并简单地推送 index.html，它就可以工作了，这一点我也理解。但我不想为不同周的解决方案创建 4 个不同的存储库，而是想将这 4 个不同的页面都独立地从同一个存储库中托管。请告诉我该怎么做？

我希望我的存储库看起来像这位用户的存储库。

https://github.com/siddartha19/Coursera-HTML-CSS-and-JavaScript-for-Web-Developers

正如您所看到的，所有不同的模块解决方案都托管在这个代码库中....

- KUMAR HARSH

Answer 1

GitHub页面的架构与存储库的架构相对应。

从您的示例中，其中一个页面的URL为：

https://siddartha19.github.io/Coursera-HTML-CSS-and-JavaScript-for-Web-Developers/Assignments/module-3/index.html

该代码库的名称为'Coursera-HTML-CSS-and-JavaScript-for-Web-Developers' - 它包含一个名为'Assignments'的文件夹，其中包含'module-3'，该文件夹中包含一个index.html文件。

你看到URL格式如何反映了文件夹的结构吗？

如果您希望您的Github页面具有相同的架构，只需使用相同的文件夹结构即可。

- Samuel Faure

---

我的代码库结构与此相同，但我的问题是我不知道如何托管这样的代码库。教程中说要创建名为username.github.io的github代码库，然后它就可以工作了，但对于像这样包含文件夹并在不同文件夹中托管不同index.html的代码库来说，仅更改代码库名称是不够的。如果您能为简单情况提供步骤，例如我想要的“coursera assignment”代码库，并且其中包含文件夹。如何在module 2文件夹中托管index.html，那么我就能够按照所有这些文件夹的步骤进行操作... - KUMAR HARSH

根据这篇文章https://shoehornwithteeth.com/ramblings/2016/12/redirecting-github-pages-after-renaming-a-repository/，在github上托管页面有两种方法。其中一种方法是重命名存储库，另一种方法是使用分支作为发布源：https://docs.github.com/en/free-pro-team@latest/github/working-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site第二种解决方案可能是你想要的。 - Samuel Faure

能否从不同的分支托管多个 GitHub 页面？ - Vipin Verma

Answer 2

这可以通过Netlify实现。注册后，添加项目 -> 选择Git仓库。记得将基本URL更改为module2/index.html。

- Soumya Sagnik Khanda

---

你的回答可以通过提供更多支持信息来改进。请编辑以添加进一步的细节，例如引用或文档，以便他人可以确认你的答案是正确的。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - Community