Jekyll没有将CSS应用于GitHub页面上的帖子

时间:2017-09-04 17:59:59

标签: jekyll github-pages

是的,我知道这个问题已经被多次询问了,我已经应用了我能找到的所有解决方案,但我仍然有这个问题:

如果您访问我的Jekyll网站(yasath.github.io),导航栏中的主页和标签页面会完美呈现CSS并且看起来很漂亮。但是,当我点击帖子(like this one)时,CSS完全无法呈现,我最终得到了一个看起来很旧的白色背景,Times New Roman文本页面!

我的config.yml文件包含正确的网址(据我所知!),当我使用Chrome的开发人员工具查看这两个网页的来源时,他们都会正确导入相同的CSS文件。

希望有人能给我一些特定于我网站的建议! This is the GitHub repo for the site,同样,这里是the actual site

1 个答案:

答案 0 :(得分:1)

<head>部分中样式表的链接被写为相对链接。例如,你有:

<link rel="stylesheet" href="assets/css/app.min.css">

当URL以“assets”之类的目录名开头时,浏览器会查找相对于它现在显示的URL的目录。因此,当您在yasath.github.io时,它会转到yasath.github.io/assets/css/app.min.css ...但是当您在https://yasath.github.io/2017/09/04/hello-jekyll.html时,它会在https://yasath.github.io/2017/09/04/hello-jekyll.html/assets/css/app.min.css查找样式表,当然不存在。

您想要使用/开始您的网址。这告诉浏览器看起来不是它所显示的页面而是相对于网站的根目录。所以在你的头模板中使用:

<link rel="stylesheet" href="/assets/css/app.min.css">

...与所有其他样式表网址类似。