Jekyll on Github Pages不一致地应用css样式

时间:2016-03-03 04:04:10

标签: css jekyll github-pages jekyll-bootstrap

我不确定发生了什么,但我的个人网站 - 使用Jekyll构建并托管在Github网页上 - 在过去几周内一直表现出奇怪的CSS风格行为。

我最初将它设置在Jekyll 1.something-or-other上。我知道它现在是3.something现在和最长的时间,通过2等。我没有问题的风格,直到不到一个月前everthing很好。

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

我已经在我的本地机器上将jekyll更新为3.1.2了,甚至更奇怪的是,当我在本地运行时,它构建良好且所有,但问题恰恰相反。也就是说,所有帖子都使用适当的样式进行格式化,但页面(再次 - 主页,关于页面,存档列表)都没有样式。

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

网站为http://subtxt.in

1 个答案:

答案 0 :(得分:1)

我找到你的回购并戳了戳。那里有很多事情,似乎过于复杂。

使用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">

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

在你的回购中,我无法弄清楚逻辑,但我认为你可以简化它。这个文件 - _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%肯定这会解决它,但我认为它会。

如果我们没有为你修复它,我会为你的回购添加一个链接,以便其他人可以检查它。