Jekyll为博客页面创建导航

时间:2018-02-09 20:47:54

标签: html jekyll liquid jekyll-paginator

我在我正在处理的网站上使用jekyll-pagination。我有一个导航栏循环,循环浏览网站页面,并将它们添加到导航栏。导航栏正在从博客中获取额外的分页页面,并将“博客”一遍又一遍地添加到导航栏中。无论如何只有“博客”出现一次,而其他博客页面只能在博客中链接?

以下是导航栏的抓取:

enter image description here

以下是导航栏的代码:

<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 个答案:

答案 0 :(得分:0)

玩完之后我发现了我需要做的事情。我在_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 %}