[Tutorial] Categorias para blog post com Jekyll

21 May 2018

Hoje eu precisei organizar as categorias aqui no site, e não foi tão simples achar uma explicação de como fazer, resolvi fazer esse tutorial.

Supondo que você já utilize o Jekyll, você vai encontrar mais ou menos essa estrutura no seu tema:

Estrutura

A primeira coisa que você precisa fazer é criar um arquivo category.html na pasta _layouts

Category.html

Nesse arquivo vai o seguinte código:

categoryhtml

Depois disso, você vai criar uma pasta nova como o nome category , nessa pasta que ficaram os arquivos das nossas categorias.

Pasta

Agora você vai criar os arquivos das suas categorias .html, no meu caso são 3:

Categorias

Nesses arquivos deve conter a marcação do layout, título e categoria.

Header

Em layout, vamos referenciar o primeiro arquivo que criamos na pasta layouts o category.html, o que contém nesse site que vai marcar como será a apresentação dos itens dentro da página, então vamos entender o que código que está nesse arquivo:

(layout): Está usando o layout do arquivo page.html para renderizar essa página.

(for): Vai passar o post pelas categorias que temos, e ver em qual se enquadra, se for a referenciada no header do post, ele pega a url e o título do post

(li): Está sendo usado para deixar em lista Agora no header do seus post, você precisa marcar qual será a categoria do post:

Categoria

Ps:. Se você quiser definir a ordem que vai aparecer os itens na nav bar é só colocar no header um order, e o número:

Ordenação