2016-03-03 207 views
2

我不确定发生了什么,但是我的个人网站(使用Jekyll构建并在Github页面上托管)在过去几周内一直呈现奇怪的CSS样式行为。Jekyll在Github上应用css风格的页面不一致

我最初在Jekyll上设置它1.something-or-other。我知道现在和最长的时间是3点,通过2点等。我对这些风格没有任何问题,直到不到一个月前才完成。

我几年来没有对样式配置做任何更改,但现在它只为页面(主页,关于页面,列表页面等)渲染样式。但在实际的帖子中,它会删除所有样式 - 看起来像原始降价和图片,没有布局。

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

同样,没有任何配置的变化。有一些明显的地方我应该看?我正在使用the jekyll bootstrap theme这是一个定制。但并不多。

网站是http://subtxt.in

回答

1

,我发现你的回购和戳左右。这里有很多事情,看起来过于复杂。

使用铬合金开发工具,你可以看到的问题是与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%肯定这将修复它,但我认为它会的。

我会添加一个链接到您的回购,如果这不能解决它给你,让其他人可以检查它。

+0

另外,沿着这条线的某处,我注意到标记中的标题标签,其中#和标题文本之间没有空格。这是Jekyll 3.x(实际上是Kramdown)的变化。它曾经有或没有空间,现在需要一个空间。所以'我的标题'需要'#我的标题'。 – Ron

+0

此外,在本地,您正在运行的版本高于目前在GH上的Jekyll,因此可能会出现一些差异。有办法同步它们,但这是另一个话题。不知道为什么行为切换。 – Ron

+0

问题/修复可能在JB GH页面上:https://github.com/plusjade/jekyll-bootstrap/issues/295 – Ron