Jekyll Создание навигационной ссылки или вкладок
Как я могу исправить свой код в Jekyll. Я хочу создать навигацию, используя каталог /tabs/. Я хочу перечислить все внутри каталога. Я использую гем "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>
Мой каталог:
Вывод моего веб-сайта
Извините, вопрос новичка, я здесь впервые.
Спасибо за ответ . Мне просто нужно изменить свой код на jekyll, как будто я хочу зациклить весь файл внутри /tabs/ вот так {% для категории в sort_categories %} <a class = "page-link" href"{{ category }} {% endfor % } Так что мне не нужно обновлять свой код каждый раз, когда я добавляю новый файл для моей навигации. Каталог /tabs/ предназначен для моей навигации.
Ответы 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. Хорошего дня
Вам нужно будет немного лучше объяснить, что у вас есть и чего вы надеетесь достичь. Результат на изображении выглядит так, как я ожидал. Разве это не то, что вы хотите?