Github 页面上的 Jekyll 应用 css 样式不一致

Jekyll on Github Pages applying css styles inconsistently

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

我最初是在 Jekyll 1.something 或其他平台上设置的。我知道它现在处于 3.something 并且持续时间最长,通过 2 等。我对样式没有任何问题,直到不到一个月前一切都很好。

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

我已经在本地机器上将 jekyll 更新到 3.1.2,更奇怪的是,当我在本地 运行 时,它构建得很好,但问题恰恰相反。也就是说,所有帖子都采用适当的样式进行格式化,但页面(同样是主页、关于页面、存档列表)没有样式。

同样,任何配置都没有变化。有一些明显的地方我应该看吗?我使用的 the jekyll bootstrap theme 有点定制化。但不多。

网站是 http://subtxt.in

我找到了你的回购协议并四处寻找。里面有很多东西,看起来太复杂了。

使用 Chromes 开发工具,您可以看到问题出在 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">

注意缺少的主题名称 - the-minimum。

在你的回购协议中我不太明白逻辑,但我认为你可以简化它。这个文件 - _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% 确定这会修复它,但我认为它会。

如果这不能为您解决问题,我会在您的存储库中添加一个 link,以便其他人可以检查它。