CSS在默认的jekyll HTML中不起作用

Question

我正在使用jekyll构建托管在github上的静态网页，并默认将其作为gh-pages分支。

我创建了index.html以进行唯一的更改， theme.css相同目录： ../css ，

我的css flie没有被执行且无法正常工作，以下是我在每个文件中的代码。.file：default.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;
}

Answer 1

基本URL只是URL的一部分。

您应该引用整个网址：

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

我认为这种格式需要正斜杠（ / ）。

我认为有效的另一种方式是：

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

如果您对相对网址感到满意，则可以尝试：

../css/theme.css

希望这可以帮助。

CSS在默认的jekyll HTML中不起作用

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-11-21 10:11:54

CSS在默认的jekyll HTML中不起作用

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-11-21 10:11:54

解决方案1
1 已采纳 2016-11-21 10:11:54