在Github Pages中引用CSS和JS文件？

问题描述：

我在本地制作所有内容并将其推送到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

我这一点，并希望能得到帮助很新，在此先感谢！

答

最好是在这种情况下使用relative urls您的静态文件托管在自己的网站，因此，例如改变：

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

简单：

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

这样，它会载入无论你在什么环境中工作，我都会使用middleman这样的东西来在GitHub页面上构建我的网站，并且它们的工作方式与我在repo中可以看到的相同。

这是链接在同一里面你的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。

您好，感谢您的答复。我编辑它，但不幸的是，它仍然不读取JavaScript和CSS。我对于什么是错误也很困惑。 –

我刚刚在https://andygiovanny.github.io/上找到了您的网站，并且CSS正在为我加载... –

我不知道为什么它不适合我，请让我附上它的截图我的帖子（更新，看起来像CSS和JS不工作）对我来说至少 –

答

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

<script src="js/jquery.min.js"></script> <!-- Like this! -->

在Github Pages中引用CSS和JS文件？

相关推荐