如何将 CSS 和 JS 文件链接到我的 github 页面的 HTML 文件？答案

【问题标题】：How do I link CSS and JS files to my HTML file for github pages?如何将 CSS 和 JS 文件链接到我的 github 页面的 HTML 文件？
【发布时间】：2021-01-04 07:07:52
【问题描述】：

我刚搬到 github 页面，我在同一个文件夹中有一个 index.html、一个 index.js 和一个 style.css（我相信是大师）。我尝试了以下方式将js和css链接到html：

<link rel="stylesheet" type="text/css" href="master/style.css">

<script src="master/index.js" type="text/javascript"></script>

但是，它似乎不起作用。在中间，CSS似乎链接了一次，但是之后当我也尝试链接JS时，整个事情又停止了工作。我该如何解决这个问题？

【问题讨论】：

标签： javascript html css github github-pages

【解决方案1】：

如果您所有的文件都在同一个文件夹中，我不确定您是否需要输入文件夹的名称。尝试在您的两行代码中删除“master/”。

【讨论】：

【解决方案2】：

当您将内容链接到您的 html 文件时，路径是相对于该文件的。因此，如果 style.css 和 index.js 在同一个文件夹中，您只需通过提供文件名来链接它们。如果这些文件在上面的文件夹中，您可以通过“../style.css”和“../index.js”链接它们如果这些文件在子文件夹中（与 index.html 相关），您可以通过“subfolder/style.css”和“subfolder/index.js”链接它们

【讨论】：

非常感谢您的解释。帮助我理解了为什么我的修复有效！