gh-pages不会加载CSS或JS

时间:2016-08-22 04:26:18

标签: javascript html css github github-pages

好吧,所以我让Jekyll在本地运行我的网站,它运行得非常好。当我把所有东西推到Github并使它成为一个gh页面时,所有样式和js功能都消失了。当我进入网站时,我看到它指向的css文件是空的,虽然它们在github中显然有样式...所以我尝试了几种我在这里可以看到的解决方案,但无济于事。这是当前的gh页面:https://jacobprice.github.io/Webpage/

代码在这里:https://github.com/JacobPrice/Webpage

我一直在改变基于解决方案的东西,所以希望我没有破坏别的东西......非常感谢任何帮助。

注意**如果网站关闭,它将在rails项目上显示一个带有倒计时的旧ruby。那不是gh-page网站。

3 个答案:

答案 0 :(得分:1)

查看您网站的网页来源。

我看到你的网址失败了

编辑你的网址加载css和js文件:

<link rel="stylesheet" href="/assets/css/main.css" />
<script src="/assets/js/jquery-2.1.1.min.js"></script>

<script src="/assets/js/functions.js" type="text/javascript"></script>

您应该使用url的相对路径

答案 1 :(得分:1)

好的,所以这是一种解决方法......不确定为什么它没有指向正确的文件夹,但对我的修复是复制我的main.css(sass编译的完整css)和然后创建另一个main.css文件,它也保持指向。一种黑客而且不合适,但它有效...

答案 2 :(得分:0)

_config.yml 中,设置baseurl: /Webpage并像这样调用您的资源:

<script src="{{ site.baseurl }}/assets/js/jquery-2.1.1.min.js"></script>

它现在可以在本地和gh页面上工作。