1. 首頁
  2. 問答
  3. CSS不工作在默認jekyll HTML

CSS不工作在默認jekyll HTML

2016-11-20 61 views
-1

我正在使用jekyll建立一個靜態網頁託管在github上，作爲默認的gh-pages分支。CSS不工作在默認jekyll HTML

我創建index.html獨特的變化，theme.css withing同一目錄：../css，

我的CSS flie沒有被執行，它不工作，以下是我在每個文件中的代碼.. 文件：默認。下面HTML

<!DOCTYPE html> 
<html lang="en-us"> 
<head> 
<meta charset="utf-8"> 

<link type="text/css" rel="stylesheet" href="{{site.baseurl}}/css/theme.css"> 

<title>Jai's Blog</title> 

</head> 
<body> 
<header> 
    <h1>The BLOG</h1> 

    {% includes nav.html %} 
</header> 

{{content}} 

    <footer> 
     <p>copyright Jai Sharma</p> 
    </footer> 

</body>

是CSS文件的代碼，這是不符合上述HTML文件的工作。

body { 

    background-color: #e74c3c; 
} 

.current { 
    background-color: #000531; 
}

來源

2016-11-20 Jai Sharma

+0

你能給一個版本庫網址嗎？ –

+0

用實際的URL替換'{{site.baseurl}}/css/theme.css'，看看是否有效。 – JoostS

回答

1

baseurl只是url的一部分。

您應該引用整個網址：

{{ site.url }}/{{ site.baseurl }}/css/theme.css

我認爲正斜槓（/）需要以這種格式。

我認爲作品的另一種方式是：

{{ site.url | append: site.baseurl }}/css/theme.css

如果你很高興與相對URL時，你可以嘗試：

../css/theme.css

希望這有助於。

來源

2016-11-21 10:11:54 TBB

+0

感謝你的幫助，我很困惑與正確的語法。 –

相關問題

 相關問題