个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我一直在关注这里的教程 -> https://www.andrewmunsell.com/tutorials/jekyll-by-example/tutorial建立我的第一个网站，同时学习 Jekyll 和 Bootstrap。我是 CSS 的新手，也是 HTML 的初学者。
我正处于以粗体主题行“液体模板系统”开头的步骤。
问题是我的网站没有反射(reflect) CSS。
在教程代码中，他引用了 ，但是在 www.getbootstrap.com 的 Bootstrap-3.2.0-dist 中，不再有 bootstrap-responsive.css。只有以下几种:
我的代码如下；我循环引用了列出的所有四个 css 文件，当我 jekyll build 然后 jekyll serve 时，它们没有反射(reflect)出来。目前我在这个开发过程中只是本地托管，完成后我会推送到我的网站。我的 _site 目录中有 css 目录，这也是我的 index.html 文件所在的位置。
有没有人有过使用 Jekyll 不反射(reflect) Bootstrap 中 CSS 更改的经历？
根据 StackOverflow 上的其他搜索，我尝试过清除缓存、重建和提供服务，但没有任何乐趣。在此感谢您的建议。谢谢。
<!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.css" rel="stylesheet">
<style>
body {
padding-top: 60px;
}
</style>
<link href="/css/bootstrap.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-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>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
{{ content }}
</div>
最佳答案
OP 指的是 Bootstrap 2。最新版本 3 没有针对响应元素的单独文件，因为它假设从一开始就具有响应能力。如果您只想跟随教程，那么您可以下载 Bootstrap 2 here .
进一步:
I have the css directory in my _site directory, which is also where my index.html file is located.
_site 目录是 localhost 的 ServerRoot 吗？如果不是，请删除 link 属性中的初始正斜杠，因为它当前指向您的 ServerRoot。
关于html - 使用 Jekyll 和 Bootstrap -build、-serve 后 CSS 未反射(reflect)在本地主机页面中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24479191/
26
4
0
bundle exec jekyll serve Traceback (most recent call last): 4: from /Users/Suwan_Long/.rvm/gems/
我对 jekyll 之间的关系感到困惑和 jekyll bootstrap .我想创建一个博客，但我不确定要使用哪个网站来提供教程等等。 最佳答案 Jekyll 是主要的东西。它是将您的 Markdo
我正在重写我的博客以使用 Jekyll。 Jekyll 使用 Liquid 模板语言，因此学习如何自定义变得更加困难。 我有很多 .md 文件(markdown)，每个帖子一个。对于我在前面的以下内容
在 jekyll 中是否有等同于 laravel 的 @section('') block ？我想做的是创建一个模板，可以压缩多个 jekyll 页面之间共享的 html。例如: 默认布局
我想为我的 jekyll 博客主页上的每篇文章添加一个赞按钮 我没有找到任何插件。我不想要任何连接到公司/产品页面点赞的 Facebook 点赞按钮。 我想要一个独立于任何社交平台且仅与帖子相关的点赞
在我的网站上，会有两种类型的帖子:blog和 portfolio .我希望每个类别都有一个页面，只显示该类别的帖子。 在 Jekyll 中实现这一目标的最佳方法是什么？我已经做了一些功课，但我正在努力
我正在使用 Jekyll。帖子和页面有什么区别？据我所知: 它们都可以包含 YAML 前端内容，以及 一个帖子有一个日期和一个永久链接，但一个页面没有。 还有更多不同吗？ 最佳答案 以下是差异 帖子文
我在一个 jekyll 帖子上有以下标题，其中一个作者“usman”生成 this文章。我想要类似“作者:usman，someone_else”这样的同事也可以为这篇文章做出贡献。这可能吗？我将如何设
我看官方文档的时候，只提到了{% highlight python %}语法: https://jekyllrb.com/docs/templates/ 但是我更喜欢使用反引号代码块来突出 Markd
是否可以拥有多语言 jekyll 网站而无需维护单独的 _post 文件？ 我知道可以通过 _posts/2014-02-27-post.md 实现它和 _posts/pt/2014-02-27-po
我正在尝试使用 jekyll 来创建网站。我正在使用 jekyll-bootstrap。 默认配置有页面存档，其中所有帖子都按帖子日期的年份和月份分组列出。目前，月份以英文显示。我看过代码，这是一段摘
我正在尝试从我的网站创建帖子的存档页面。我希望能够以这种格式为每个月的帖子列表提供一个页面: www.mywebsite.com/2016/11 将显示 2016 年 11 月的所有帖子。 我可以为我
我正在尝试从我的网站创建帖子的存档页面。我希望能够以这种格式为每个月的帖子列表提供一个页面: www.mywebsite.com/2016/11 将显示 2016 年 11 月的所有帖子。 我可以为我
为了只显示 4 个帖子，我使用了以下代码段: {% for post in site.categories.mycategory limit:4 %} {{ post.content }} {%
我要添加collections到我的 Jekyll 网站。在我的 _config.yml 文件中，我设置了 output: true: collections: faq: output:
目前我在静态网站上工作，所以我使用 jekyll 来生成它。为了拥有漂亮的结构和精美的 URL，我使用永久链接。 permalink: /impressum/ 例如，impressum.html 被呈
我希望我的 Jekyll 站点上的所有帖子和页面都具有相同的链接结构:example.com/my-title ，无论我用来存储文件的目录结构如何。 查看 documentation看来我应该能够通过
有什么办法可以做这样的事情吗？ {% if file.basename contains {{basename}} %} 我看到的所有示例都明确使用了一个值，如下所示: {% if file.base
关注 Jekyll Collections documentation ,我在_config.yml中写了如下代码 _config.yml collections: - popular_posts 所
我正在尝试计算和列出 Jekyll 中名为 _note 的集合中的标签。我认为，我非常接近解决它，但我对标签的实际计数有点困惑(列出唯一标签工作正常)并且可以用第二双眼睛查看液体标记看看我错过了什么。
我是一名优秀的程序员,十分优秀！