2016-03-03 133 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

相關問題