Jekyll 创建导航 link 或标签

Question

如何在 Jekyll 中修复我的代码。我想使用 /tabs/ 目录创建导航我想列出目录中的所有内容。我正在使用 gem "jekyll", "~> 4.2.0" ，我只想要一些干净的代码。

我现在的代码，。我想在 Jekyll

中转换我的代码

<a class="page-link" href="http://127.0.0.1:4000">Home</a>
<a class="page-link" href="http://127.0.0.1:4000/tabs/categories">Categories</a>
<a class="page-link" href="http://127.0.0.1:4000/tabs/tags">Tags</a>
<a class="page-link" href="http://127.0.0.1:4000/tabs/archives">Archives</a>
<a class="page-link" href="http://127.0.0.1:4000/tabs/about">About</a>

我的目录：

我的网站输出

抱歉新手问题，这是我第一次来这里。

Answer 1

用这个创建 _data/navigation.yml：

- title: Home
  url: /
- title: Categories
  url: /tabs/categories
- title: Tags
  url: /tabs/tags
- title: Archives
  url: /tabs/archives
- title: About
  url: /tabs/about

那么当你想调用导航时可以这样做：

{% for link in site.data.navigation %}
  <a class="page-link" href="{{ link.url }}">{{ link.title }}</a>
{% endfor %}

Jekyll 创建导航 link 或标签

Jekyll Creating Navigation link or Tabs

navigation

jekyll