- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在建立一个基本的 Github 托管 Jekyll 网站(非常小,我什至懒得更改默认主题)。我有一个嵌套网站,其中有少量第一层页面,我希望它们出现在导航栏中(即默认操作模式)。我还有一些第二层页面,我不想把它们弄乱导航栏。
虽然多级导航系统会很好,但我试图避免使用插件。因此,我认为最简单的解决方案就是从导航系统中完全排除第二层页面。
这是一个假设的页面结构(减去其他 Jekyll 文件):
jekyllsite
jekyllsite/bar
jekyllsite/bar/alice
jekyllsite/bar/alice/index.md
jekyllsite/bar/bob
jekyllsite/bar/bob/index.md
jekyllsite/bar/index.md
jekyllsite/baz
jekyllsite/baz/index.md
jekyllsite/foo
jekyllsite/foo/eggs
jekyllsite/foo/eggs/index.md
jekyllsite/foo/index.md
jekyllsite/foo/spam
jekyllsite/foo/spam/index.md
jekyllsite/index.md
按照真棒的降序排列,我希望它是这样的:
最好的情况,上下文相关的导航(不认为没有插件就不可能):当访问 jekyllsite/index.md 时,我会得到一个单层导航栏,为我提供 foo、bar 和 baz 的链接。当访问 jekyllsite/bar/index.md 时,我会看到一个双层导航栏,顶层包含 foo、bar 和 baz,第二层包含 alice 和 bob。
下一个最佳选择是我全局更改某些内容,以便仅将顶级目录(foo、bar、baz)添加到导航栏。 alice、bob、spam 和 Eggs 等子目录将自动从导航栏中排除。
最后(我认为这可能是最简单的)是使用 YAML frontmatter 标志来排除页面。要排除的页面的 frontmatter 中类似 nonav: true
的内容。
这似乎是一个相当常见的用例,尽管我还没有找到任何看起来像这三个选项中任何一个的捷径的东西。我希望更熟悉 Jekyll 的人能给出“阻力最小的路径”的答案。
最佳答案
我个人是这样的;
主菜单中出现的页面的前面内容
---
layout: default
title: Home
menu: main
weight: 10
---
主菜单模板(类来自 twitter bootstrap):
<ul class="nav navbar-nav">
{% comment %}Jekyll can now sort on custom page key{% endcomment %}
{% assign pages = site.pages | sort: 'weight' %}
{% for p in pages %}
{% if p.menu == 'main' %}
<li{% if p.url == page.url %} class="active"{% endif %}>
<a href="{{ site.baseurl }}{{ p.url }}">{{ p.title }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
然后,您可以通过在 yaml 前面的内容中设置自定义变量来在任何级别复制该内容:
menu : foo
并将值传递给菜单模板
{% include navbar.html menuLevel="foo" %}
并像这样拦截它:
{% if p.menu == menuLevel %}
任何不公开菜单:toto的页面都不会出现在导航中。
关于jekyll - 从 Jekyll 导航栏中排除页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25452429/
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 的集合中的标签。我认为,我非常接近解决它,但我对标签的实际计数有点困惑(列出唯一标签工作正常)并且可以用第二双眼睛查看液体标记看看我错过了什么。
我是一名优秀的程序员,十分优秀!