Jekyll在Github Pages上不一致地应用CSS样式

Jekyll on Github Pages applying css styles inconsistently

我不确定发生了什么,但是我的个人网站-由Jekyll构建并托管在Github页面上-在过去几周左右的时间里,它一直表现出奇怪的css样式行为。

我最初是在Jekyll 1.some-other-other上设置它的。我知道现在是3点左右,最长的时间是2点左右。我对样式没有任何疑问,直到不到一个月前一切都还不错。

几年来我没有对样式配置进行任何更改,但是现在它仅呈现页面的样式("主页","关于页面",存档列表页面等)。但是在实际帖子中,它会丢弃所有样式-看起来像原始的markdown和图像,没有布局。

我已经在本地计算机上将jekyll更新为3.1.2,甚至更奇怪的是,当我在本地运行它时,它可以正常运行,但问题恰恰相反。也就是说,所有帖子均采用适当的样式设置格式,但页面(同样是-主页,关于页面,存档列表)未设置样式。

同样,任何配置均未更改。我应该找一些明显的地方吗?我使用的是定制的jekyll bootstrap主题。但不多。

站点为http://subtxt.in


我找到了您的仓库,并四处张望。那里发生了很多事情,似乎过于复杂。

使用Chrome开发者工具,您可以看到问题是css加载-在正确的页面上,正确的路径是:<link href="/assets/themes/the-minimum/css/style.css" rel="stylesheet" media="all">

在不起作用的帖子上,它是:<link href="/assets/themes//css/style.css" rel="stylesheet" media="all">

请注意缺少的主题名称-最小值。

在您的仓库中,我无法完全弄清楚逻辑,但我认为您可以简化它。我相信这个文件-_includes/themes/the-minimum/default.html包含所有页面的头部。

<link href='{{ ASSET_PATH }}/css/style.css' rel="stylesheet" media="all">行是我的问题,`ASSET_PATH似乎返回了不同的值。尝试将其硬编码为正确的路径,例如:

<link href="/assets/themes/the-minimum/css/style.css" rel="stylesheet" media="all">

我不确定100%会解决此问题,但我认为会解决。

如果无法为您解决此问题,我会在您的存储库中添加一个链接,以便其他人可以查看。