📞
WhatsApp (35) 9 8456 - 0558

Meu primeiro projeto usando Jekyll

Jekyll - o que é?

O Jekyll é um gerador de códigos estáticos. A ideia é que você crie páginas e até mesmo um blog de forma estática, usando HTML, junto com alguns truques que irão ajudá-lo a converter seu site em arquivos estáticos, pronto para ser publicado.

Websites em Jekyll são escritos utilizando três tecnologias de programação: Liquid Templating Language, Yaml e Markdown, que são automaticamente compiladas para formar páginas em html.

Markdown

Desenvolvido em 2004 por John Gruber e Aaron Swartz para simplificar a estruturação de um texto, o Markdown é um sistema de formatação aberto que torna a escrita e a leitura mais simples. Com uma codificação mínima, além de fácil, ele é visualmente mais "limpo" e pode ser convertido facilmente para HTML.

Basicamente, ele marca alterações nos textos (subtítulos, negrito, itálico etc) apenas com os símbolos do teclado, sem usar teclas de atalho, menus, selecionando o texto e sem aquele visual complexo - para os que não estão acostumados - de HTML.

Yaml

O Yaml é utilizado para definir as configurações e como seu site será compilado. Para isso, existe na pasta raíz um arquivo de configuração chamado _config.yml. Neste arquivo você definirá as configuração para todo o site - e não para arquivos individuais. Há uma série de configurações padrão que você pode aplicar no seu website e recuperá-las com facilidade utilizando a Liquid.

_config.yml

Neste arquivo _config.yml, você definirá variáveis do seu site, como por exemplo: - Título da Home Page - Descrição da Home Page - Autor (do site)

	---
	title: Meu website interessante
	description: Vamos falar de coisas interessantes por aqui!
	author: Meu Nome
	---
	

Este é apenas um exemplo simples de configuração. Conforme você vai aprendendo a usar as ferramentas do Jekyll, você vai atribuindo mais variáveis ao seu config.yml.

Liquid

A Liquid é uma ferramenta excelente para trabalhar com textos que se repetem ao longo de um website. A Liquid dinamiza o conteúdo do website.

Variáveis

Por exemplo, se você deseja repetir a informação de uma url única ao longo do site, você poderá atribuir a ela uma variável no arquivo _config.yml:

	---
	my_url: meudominio.com.br/meuarquivo.html
	---
	

…e repeti-la ao longo do site utilizando uma chamada para o objeto:

	<a href"">My url title</a> => em arquivos .html
	

ou

	[My url title]()  => em arquivos .md
	
Vale a pena utilizar Jekyll?

Não levei muito tempo para aprender a utilizar o Jekyll. Acredito muito no potencial desta ferramenta. Você não se arrependerá em gastar um pouco do seu tempo aprendendo esta ferramenta hospendando um projeto no github gratuitamente.

Compartilhar: Twitter LinkedIn WhatsApp

Comentários