Jekyll 博客帖子中忽略的前沿问题
我正在用jekyll创建一个博客,它使用一个index.html页面和博客文章的链接,正如您在下面的第一个代码示例中看到的。前面提到的默认布局是一个典型的布局文件,包括Twitter引导的css样式。但是,当我在index.html中单击指向博客文章的链接时,博客文章会显示(即url更改,博客文章内容会显示),然而,博客文章的正面内容会被忽略,或者至少它是这样显示的,因为没有css样式对博客文章起作用。例如,Twitter引导导航栏的css只显示在主页上,而不是博客文章上 你能解释一下为什么会发生这种情况吗 index.htmlJekyll 博客帖子中忽略的前沿问题,jekyll,Jekyll,我正在用jekyll创建一个博客,它使用一个index.html页面和博客文章的链接,正如您在下面的第一个代码示例中看到的。前面提到的默认布局是一个典型的布局文件,包括Twitter引导的css样式。但是,当我在index.html中单击指向博客文章的链接时,博客文章会显示(即url更改,博客文章内容会显示),然而,博客文章的正面内容会被忽略,或者至少它是这样显示的,因为没有css样式对博客文章起作用。例如,Twitter引导导航栏的css只显示在主页上,而不是博客文章上 你能解释一下为什么会发
---
layout: default
---
{% for post in paginator.posts %}
<div class="row-fluid">
<!-- <div class="span12"> -->
<h2>{{ post.title }}</h2>
<h4>{{ post.date | date_to_long_string }}</h4>
<p>
<a href="{{ post.url }}">Read Post</a>
</p>
<!-- </div> -->
</div>
{% endfor %}
_layouts/default.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ site.name }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ site.description }}">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<script src="js/respond.min.js"></script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".na\
v-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">{{ site.name }}</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="/">Home</a></li>
<li class="active"><a href="/about">About</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row-fluid">
<div class="col-lg-9 col-sm-8">
{{ content }}
</div>
<div class="col-lg-3 col-sm-4">
{% include sidebar.html %}
</div>
</div>
</div> <!-- container -->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
{{site.name}
{{content}}
{%include sidebar.html%}
由于布局文件只是一个相对文件,我建议您从根添加CSS和javascript的路径。比如说
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<script src="js/respond.min.js"></script>
应该成为
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/custom.css" rel="stylesheet">
<script src="/js/respond.min.js"></script>
您可以发布布局默认值吗。html@MadhurAhuja我用default.html更新了OP。谢谢
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/custom.css" rel="stylesheet">
<script src="/js/respond.min.js"></script>