Как создать ссылку для каждой категории

Question

Я пытаюсь создать навигационную панель, отображающую все категории, а затем, щелкнув по каждой категории, затем ссылается на все сообщения этой категории.

Я попробовал ниже, он отображает все категории, но не как ссылку.

{% for category in site.categories %} 
    <div class= "categories-title"><a name="{{ category | first }}">{{ category | first }}</a></div> 
{% endfor %} 

Я также пробовал jekyll-category-archive-plugin, как показано ниже, но это дает ошибку: Неизвестный тег 'category'.

{% for category in site categories %} 
    {% category link category %}This is a link to {{category}} {% endcategorylink %} 
{% endfor %} 

Может ли кто-нибудь дать мне несколько советов, как лучше всего это сделать?

Большое спасибо. Jing

Answer 1

Jekyll не делает страницы архива автоматически как страницы категории по умолчанию. Вы сами должны сами создавать страницы категорий или использовать плагин как »Category archive plugin for Jekyll«. Но я думаю, что это не сработает, если вы используете GitHub Pages с Jekyll.

Answer 2

Есть еще одно решение, которое работает на GitHub Страницы:
Одна единственная страница, содержащая все сообщения для всех категорий.

Я отвечал на подобный вопрос здесь, где я показал, как это сделать:
An easy way to support tags in a jekyll blog

В моем ответе, я с помощью тегов, а не категорий, но, насколько я знаю, как работать точно так же, путь.
(так что вы можете просто взять мой код и заменить site.tags на site.categories)

Сгенерированный HTML для каждого тега будет выглядеть примерно так:

<h3 id="jekyll">jekyll</h3> 
    <ul> 
    <li> 
     <a href="/blah/">Newest Jekyll post</a> 
    </li> 
    <li> 
     <a href="/foo/">Older Jekyll post</a> 
    </li> 
    </ul> 

---

Это была страница, которая отображает все должности для каждой категории.
Теперь в список категорий в панели навигации.

Опять же, обратите внимание на выше HTML:
Спасибо к id="jekyll" части, вы можете использовать ссылку /tags/#jekyll загрузить /tags/ страницы и перейти непосредственно к тегу Джекила.

На моем сайте я использую это везде, где я связываюсь с страницей /tags/.

Чтобы создать эти ссылки в панели навигации, а также, нужно просто взять первый пример кода из вашего вопроса, и изменить это:

<a name="{{ category | first }}"> 

...к этому:

<a href="/tags/#{{ category | first }}"> 

(я просто предположим, что ваша страница категории находится под URL /tags/ а также, как в моем примере)

Так что полный код будет выглядеть так:

{% for category in site.categories %} 
    <div class="categories-title"><a href="/tags/#{{ category | first }}">{{ category | first }}</a></div> 
{% endfor %} 

Сгенерированный HTML будет иметь ссылку, как в следующем, для каждой категории:

<div class="categories-title"><a href="/tags/#jekyll">jekyll</a></div> 

---

EDIT:

Вы написали в комментарии:

I see that you have all tags with posts on one page. I have created a categories page and I would like to use this page as a template. While clicking each category in the navigation bar, I would like it to link to its own page.

В то же время, я писал в блоге о создании отдельных страниц категорий без плагина:
Separate pages per tag/category with Jekyll (without plugins)