在Github页面中引用CSS和JS文件？

Question

最近我一直试图建立一个网站。

我在本地制作所有内容并将其推送到github页面，我已经将所有图像和CSS和JS的路径更改为存储库。所有图像都工作正常，但我的HTML文件不会连接到CSS和JS文件。

我做了一些研究，发现我们可以将rawgit.com用作CDN，但它对我不起作用。我知道它应该是可能的，因为我看到一些人使用github页面并让他们的CSS工作正常，我只是不能让它工作。这是我的回购和索引。

https://github.com/andygiovanny/andygiovanny.github.io
https://github.com/andygiovanny/andygiovanny.github.io/blob/master/index.html

这是我的本地文件Local Files，这里是github enter image description here

我很擅长这个并希望得到帮助，提前谢谢!!

Answer 1

您必须通过HTTPS协议包含脚本和样式表。只需看看控制台。或者您可以下载样式表和脚本并移动到您的文件夹。所以你可以从项目文件夹中加入。

int getexponent(float f){
}

Answer 2

在这种情况下，最好将relative urls用于您自己网站上托管的静态文件，例如更改：

<link href="andygiovanny.github.io/css/style.css" rel="stylesheet">

简单地说：

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

这样它会在你工作的任何环境中为你加载。我使用一个名为middleman的东西在GitHub页面上构建我的网站，它们做的事情与我{{3}中看到的相同。 }。

对于CSS文件中的链接也是如此，例如您引用的图像如下所示：

.mainContent{
    width: 100%;
    height: auto;
    background-image: url('andygiovanny.github.io/IMAGE FILE/Background.svg');
    background-repeat: repeat-x;
}

但它需要像：

.mainContent{
    width: 100%;
    height: auto;
    background-image: url('/IMAGE FILE/Background.svg');
    background-repeat: repeat-x;
}

作为旁注，建议不要在文件位置包含空格，按照惯例，它们应该是小写的，连字符替换空格，我会将IMAGE FILE重命名为image-file。