CSS不工作在默认jekyll HTML

2016-11-20 63 views -1 likes

-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

你能给一个版本库网址吗？ –

用实际的URL替换'{{site.baseurl}}/css/theme.css'，看看是否有效。 – JoostS

回答

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

感谢你的帮助，我很困惑与正确的语法。 –

CSS不工作在默认jekyll HTML

回答

相关问题