GitHub 页面 - 包括来自同一存储库的文件

GitHub Pages - including files from same repo

所以,我在 GitHub 上有一个存储库,它通过 GitHub 页面显示一个网站。发布源是 master 分支上的 /docs/ 子文件夹(这是唯一的分支)。我在 /src/ 子文件夹中还有一些其他 JavaScript 文件。所以基本上,项目结构是这样的:

/
 docs/
      index.html
 src/
     Main.js
     ... (other .js files) ...
 README.md
 ...

现在,我希望 /docs/index.html 能够加载和使用 /src/Main.js。在我的本地机器上,这很简单——我可以将其引用为

../src/Main.js

在我的 /docs/index.html 文件中。

但是,当我尝试在 GitHub 上查看实时项目时,出现了问题。 /docs/index.html 文件的实时版本现在位于

https://(my-username).github.io/(my-repo-name)/

因此,它会在

寻找 /src/Main.js
https://(my-username).github.io/src/Main.js

其中 returns 一个 404。

实际上,我什至不知道在哪里可以找到 /src/Main.js 文件,因为

https://(my-username).github.io/(my-repo-name)/src/Main.js

还有 returns 404。

那么,如何从我的 /docs/index.html 文件加载 /src/Main.js 文件? 理想情况下,我想要一个既适用于我的本地机器,以及实时版本。

我找到了解决方案。 GitHub 页面似乎只能找到“发布源”中的文件。因此,如果您将发布源设置为 /docs/,它将无法访问 /docs/ 文件夹之外的文件。

所以,解决方法是将发布源设置为根/,将index.html移动到根,然后就可以访问根的所有子目录(包括/src/子文件夹)。