【问题标题】:Github Page suddenly not rendering CSS despite nothing changing尽管没有任何变化,Github 页面突然不渲染 CSS
【发布时间】:2017-07-19 00:13:50
【问题描述】:

几年来,我一直在使用 Jekyll 通过 Github Pages 托管个人页面。直到今天晚上它都工作得很好。我发布了一篇新的博客文章,突然网站的博客部分无法呈现我的任何 CSS(它仍然可以在不是由 Jekyll 生成的网站部分中工作)。我检查了提交中的所有内容——似乎没有任何改变——甚至将所有内容回滚到较旧的提交(几个月前),没有任何改进。 GH Pages 是否有任何可能导致此问题的更改?有什么线索吗?

回购:https://github.com/gweintraub/gweintraub.github.io

页面:http://gabeweintraub.com/

【问题讨论】:

  • CSS 文件的具体问题是什么?主样式表加载正常。
  • 我无法确定文件本身存在任何问题。
  • 缺少资产和 CSS 的控制台中有 404 个错误,所以这似乎是一个损坏的参考,我只是无法弄清楚那个损坏的参考会在哪里,或者如果没有它会如何损坏改变任何东西。
  • 我只是在 lightbox.css 中看到了错误的背景图片 url,网站的其他部分似乎还可以。

标签: jekyll github-pages


【解决方案1】:

includes/head.html 中,您将包含以下 CSS 文件:

<link rel="stylesheet" href="{{ "css/main.css" | prepend: site.baseurl }}">

但它没有考虑site.url 变量,使用site.urlsite.baseurl 生成完整的url 使用absolute_url 过滤器:

<link rel="stylesheet" href="{{ 'css/main.css' | absolute_url }}">

现在,当您访问网站的更深层次时,您的链接将生成良好。

【讨论】:

  • 这与其他一些类似的更改一起成功了。我很困惑这是如何发生的,因为理论上什么都没有改变,并且直到今天它运行了几年平稳,但我很感激它现在正在工作。谢谢!
  • @gweintraub 我想我也遇到了同样的问题 - 你能说一下“其他几个类似的变化”是什么吗?
  • 如果你测试这个很重要:对我来说absolute_url 对本地 jekyll 构建没有影响(这是有道理的),所以请推送到 GitHub 以查看结果。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-03-08
  • 1970-01-01
  • 1970-01-01
  • 2019-02-05
  • 2022-07-29
  • 2017-09-27
  • 1970-01-01
相关资源
最近更新 更多