gh-pages无法加载CSS或JS

Question

好吧，所以我让Jekyll在本地运行我的网站，它运行得很好。 当我将所有内容推送到Github并使其成为gh页时，所有样式和js函数都消失了。 当我转到该站点时，我看到它指向的css文件为空，尽管它们显然在github中具有样式...因此，我尝试了在此可以看到的几种解决方案，但无济于事。 这是当前的gh页： https : //jacobprice.github.io/Webpage/

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

我一直在根据解决方案在这里进行更改，因此希望我没有破坏其他功能……非常感谢您的帮助。

注意**如果站点关闭，它将显示带有倒计时的旧的Rails红宝石项目。 那不是gh页面的网站。

Answer 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

Answer 2

好的，这是一种解决方法...不确定为什么它没有定向到正确的文件夹，但是对我来说，解决方法是复制main.css（sass编译的完整css），然后创建另一个main.css文件也一直指向该文件。 有点骇人听闻，虽然不正确，但可以正常工作...

Answer 3

在_config.yml中 ，设置baseurl: /Webpage并这样调用资源：

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

现在，它将在本地和gh页上都可以使用。