爲什麼GitHub頁面不能將CSS應用到其他頁面？

我通過手動創建所有頁面創建了GitHub Pages/Jekyll網站。然後，我想「讓我們變得很花哨」，然後我用這些工具生成了一個新的頁面，它有一個很酷的主題和瘋狂的CSS和東西。幸運的是，我有遠見地在之前下載原始主分支的副本。爲什麼GitHub頁面不能將CSS應用到其他頁面？

該網站的基本佈局是：

Home About Blog ->Blog Posts

一旦GitHub的工具有他們的發言權（和重寫了我的index.html），我後清理。我將所有新的html放在我的default.html中的/ _layouts中，這樣我就可以保留它作爲佈局，並將index.html重新定義爲YAML和原本的文本。我擺脫了我之前（和窮人）在CSS上的嘗試。巴姆！一個美麗的首頁向我打招呼。但是，當我試圖導航到About，Blog或任何博客帖子時，我所得到的只是黑白呈現的html。沒有CSS，沒有花哨的東西，納達。只是我的文字和鏈接。

obligatory GitHub repo

我試圖改變什麼，可能是專門綁到主網頁，但它沒有做任何事情。我卡住了。

有人可以幫我確定具體是什麼導致CSS不呈現？請記住，這是我第一次使用CSS。

來源

2016-09-19 David Ben Knoble

樣式錶鏈接不在正確的路徑中，因此無法在您的頁面中正確加載。例如在您的關於頁面中，樣式錶鏈接是https://linkreincarnated.github.io/about/stylesheets/github-dark.css，它不存在。相反，您需要從https://linkreincarnated.github.io/stylesheets/github-dark.css加載樣式表。

要解決此問題，您需要在樣式錶鏈接中使用標籤{{site.baseurl}}從網站的基本路徑加載樣式表。

在您的default.html和頁面https://raw.githubusercontent.com/linkReincarnated/linkReincarnated.github.io/master/_layouts/default.html，更換線以下

<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen"> 
    <link rel="stylesheet" type="text/css" href="stylesheets/github-dark.css" media="screen"> 
    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">

與

<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/stylesheets/stylesheet.css" media="screen"> 
    <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/stylesheets/github-dark.css" media="screen"> 
    <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/stylesheets/print.css" media="print">

，並嘗試重新加載。這應該從正確的路徑加載樣式表。

來源

2016-09-19 01:24:53 visamba

謝謝！我使用了'{{site.github.url}}'，因爲這是jekyll爲github推薦的，但它的功能就像一個魅力！ –

爲什麼GitHub頁面不能將CSS應用到其他頁面？

回答

相關問題