如何在 Github 页面中加载本地 JavaScript 库？

Question

我最近将我的网站部署到 GitHub 个页面 - https://max-stevenson.github.io/my-year-in-books/

我下载了两个本地 JavaScript 库（jQuery 和刷卡事件）并位于以下目录中：src/public/js/lib.

在根目录的 index.html 文件中，我链接到两个库，如下所示：

<script type="text/javascript" src="/src/public/js/lib/jquery-3.4.1.min.js"></script>
<script src="/src/public/js/lib/swiped-events.js"></script>

但是当我访问 GitHub 页上的页面时，出现以下错误：

GET https://max-stevenson.github.io/src/public/js/lib/jquery-3.4.1.min.js net::ERR_ABORTED 404 (Not Found)
GET https://max-stevenson.github.io/src/public/js/lib/swiped-events.js net::ERR_ABORTED 404 (Not Found)

当我运行通过 node express 服务器在我的机器上创建本地实例并访问 localhost:3000 的站点时，一切正常。

任何人都可以告诉我哪里出错了以及如何正确引用我的脚本以便将它们加载到 GitHub 页中吗？

Answer 1

尝试：

<script type="text/javascript" src="/my-year-in-books/scr/js/lib/jquery-3.4.1.min.js"></script

或者：

<script type="text/javascript" src="./scr/public/js/lib/jquery-3.4.1.min.js"></script

如何在 Github 页面中加载本地 JavaScript 库？

How to load local JavaScript libraries in Github Pages?

javascript

web-deployment

internal-link

github-pages