我创建了一个新的Jekyll页面,包括顶部相应的YAML Front Matter信息。我的问题是页面正在呈现而没有任何样式。经过检查,我发现head标签是空的,因此CSS没有链接。我确定我错过了一些非常明显的东西,但我很难过。我看到样式表链接到索引页面,而不是我的新页面,我不知道我缺少什么来包含链接到我的样式表的头部数据。这是我在新页面中的内容。
---
layout: default
title: New Site
---
<div>
<div>
<h2>
<a href="test.html">Our Sweet Test Page</a>
</h2>
<section>
<article class="dope-page">
<h1>Test Headline</h1>
</article>
</section>
</div>
</div>
答案 0 :(得分:1)
这正是未加载模板时发生的情况。 _layouts目录中是否有default.html文件,其中包含指向样式表的链接?
答案 1 :(得分:1)
在我看来,Jekyll使用index.html
参数在layout
旁边呈现页面,并在_layouts
文件夹中找到布局。在您的情况下,您使用layout: default
,因此您应该检查_layouts/default.html
文件。
default.html
生成的jekyll new your_awesome_site
文件应如下所示:
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% include header.html %}
<div class="page-content">
<div class="wrapper">
{{ content }}
</div>
</div>
{% include footer.html %}
</body>
</html>
css文件位于_includes/head.html
。