代码之家 › 专栏 › 技术社区 › Jiroscopes

Jekyll为博客页面创建导航

jekyll-paginator liquid jekyll html

Jiroscopes · 技术社区 · 6 年前

我正在一个网站上使用jekyll分页。我有一个导航栏的循环,它循环浏览站点页面,并将它们添加到导航栏。导航栏从博客中提取额外的分页页面,并将“博客”一次又一次地添加到导航栏中。还有什么 “博客”只显示一次 ,并且附加的博客页面只能在博客中链接?

下面是导航栏的抓图:

以下是导航栏的代码:

<ul class="nav navbar-nav navbar-right">
    {% assign mypages = site.pages | sort: "order" %}
    {% for page in mypages %}
        <li>
            <a href="{{ page.url | absolute_url }}">{{ page.title }}</a>
        </li>
    {% endfor %}
</ul>

1 回复 | 直到 6 年前

Jiroscopes 6 年前

玩过之后,我发现我需要做什么。我在下面创建了一个文件夹 _site 并称之为 _data ,其中我创建了一个名为 nav.yml 并添加了以下内容:

docs_list_title: someName
docs:

- title: Home
  url: index.html

- title: About
  url: about.html

- title: Blog
  url: /blog/index.html

然后在我的布局中,我更改了 for loop 以下内容:

{% for item in site.data.nav.docs %}
    <li>
        <a href="{{ item.url | absolute_url }}">{{ item.title }}</a>
    </li>
{% endfor %}

推荐文章

vidit · 如何在购物车页面上基于商品属性显示商品

2 年前

Kayote · Jekyll-在滑块中显示图像和文本

6 年前

demiton · 是否可以在不知道的情况下循环jekyll页面的yaml变量?

6 年前

Dustin Lee · 在循环液体中添加变量

6 年前

SBWT · 循环查看集合中的产品并找到最低价格(不包括0美元的价格)

6 年前

mws2019 · Shopify液体对象不显示数据

6 年前

Mike Florian Doyen · 如何在Azure API管理集正文中使用液体模板解析查询字符串?

6 年前

Rom Eh · 自动部署JSON映射

6 年前

Jiroscopes · Jekyll为博客页面创建导航

6 年前

heyron · 在变量更改时使用元数据字段值更新DOM元素

6 年前