Categoria: JEKYLL

Usando categorias e tags no Jekyll

GitHub Pages serviço é simplesmente incrível! E com a integração Jekyll ele fica ainda mais impressionante! Mas existem algumas limitações neste grande sistema automatizado

nandomoreira
Escrito por Fernando Moreira
  • 1 minute to read.
  • 0

Esse artigo foi traduzido de: How to use tags and categories on github pages without plugins


GitHub Pages serviço é simplesmente incrível, e com a integração Jekyll ele fica ainda mais impressionante! Mas existem algumas limitações neste grande sistema automatizado:

Como você já deve saber:

  • não há plugins de tag/categoria disponível (atualmente).

Triste… Mas isso era algo que eu realmente queria ter!

Então eu construí minha própria Data-Template-NoPlugin-System e funciona.

Você pode ver uma demonstração ao vivo nesta página.

Aqui está um pequeno guia de como implementá-lo:

1. Adicione um pouco de lógica no template do seu layout post.html



2. Coloque o conteúdo da variavel tags_content onde quiser dentro do seu layout post.html

<p id="post__meta">Posted with <i class="icon icon-tags"></i>: </p>

3. Crie um layout chamado blog_by_tag.html

<h1>Articles by tag :</h1>
<div>
  
    <p>There are no posts for this tag.</p>
  
</div>

4. Adicione em seu post entry o front-matter, como de costume.

---
layout: post
title: How To Use Tags And Categories On GitHub Pages Without Plugins
category: programming
tags: [github, github-pages, jekyll]
---

5. Para cada tag usada você tem que adicionar uma entrada dentro do arquivo _data/tags.yml

- slug: github-pages
  name: GitHub Pages

6. Para cada tag usada você tem que adicionar um template vazio. Ex.: blog/tag/github-pages.md

---
layout: blog_by_tag
tag: github-pages
# permalink: /blog/tag/github-pages/
---

Para uma implementação mais complexa de categorias e tags veja nesse repositório: github.com/nandomoreirame/nandomoreira-jekyll-theme

/end