Jekyll, uma introdução completa

O que é o Jekyll?

Jekyll é um gerador de sites estáticos que transforma conteúdo em texto simples, como arquivos Markdown, em sites dinâmicos e prontos para serem publicados na web. Desenvolvido em Ruby, o Jekyll foi criado por Tom Preston-Werner, co-fundador do GitHub, para simplificar o processo de criação e manutenção de blogs e sites estáticos.

Para que serve o Jekyll?

O Jekyll é especialmente útil para desenvolvedores, blogueiros e criadores de conteúdo que desejam criar sites simples, rápidos e fáceis de manter. Ao contrário dos sistemas de gerenciamento de conteúdo mais complexos, como WordPress, o Jekyll não requer um banco de dados e gera páginas estáticas que podem ser hospedadas em qualquer servidor web.

Vantagens de Usar o Jekyll

Desempenho:

Sites estáticos são mais rápidos, pois não dependem de consultas a um banco de dados para cada requisição.

Segurança:

Sem banco de dados significa menos vulnerabilidades.

Simplicidade:

Desenvolvimento e manutenção facilitados com a simplicidade do Markdown e da estrutura do Jekyll.

Integração com o GitHub:

Permite hospedar e gerenciar facilmente sites diretamente no GitHub Pages.

Instalação, criação e publicação de um blog com Jekyll

Instalação do Ruby e Dependências

Windows:

1- Baixe o instalador do Ruby para Windows em rubyinstaller.org. 2- Execute o instalador seguindo as instruções.

Ubuntu:

Abra o terminal e execute os seguintes comandos:

sudo apt update
sudo apt install ruby-full build-essential zlib1g-dev

Configure o ambiente Ruby:

echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
echo 'export GEM_HOME=$HOME/gems' >> ~/.bashrc
echo 'export PATH=$HOME/gems/bin:$PATH' >> ~/.bashrc
source ~/.bashrc

Instalação do Jekyll

Abra o terminal e execute:

gem install bundler jekyll

5.1- Criação de um Novo Site Jekyll

No terminal, navegue até o diretório desejado e execute:

jekyll new nome-do-site
cd nome-do-site

Adição de Plugins

No arquivo _config.yml, adicione os plugins desejados:

plugins:
  - jekyll-feed
  - jekyll-seo-tag
  - jekyll-sitemap

Execute:

bundle install

Publicação no GitHub

1. Crie um repositório no GitHub.

2. No arquivo _config.yml, configure baseurl:

baseurl: "/nome-do-repositorio"

No terminal, execute:

git init
git add .
git commit -m "Primeiro commit"
git remote add origin URL-DO-REPOSITORIO-GITHUB
git push -u origin master

VI- Publicação em um Servidor de Hospedagem

Compile o site:

jekyll build

Envie o conteúdo da pasta _site para o servidor.

Conclusão

Com o Jekyll, criar e manter sites estáticos se torna uma tarefa simples e eficiente. Siga este guia passo a passo para ter seu site Jekyll no GitHub e em um servidor de hospedagem, aproveitando todas as vantagens oferecidas por esta poderosa ferramenta.

📢 Quer ficar por dentro de todas as novidades do nosso blog? Não perca os últimos artigos, dicas valiosas e informações relevantes!

Junte-se a nós nas redes sociais para receber em primeira mão:

• Artigos exclusivos;
• Dicas práticas;
• Ofertas especiais e descontos exclusivos para nossos seguidores.

Não vamos inundar sua caixa de entrada com newsletters! Simplesmente nos siga em uma de nossas redes sociais para garantir que você não perca nenhum conteúdo interessante. Estamos ansiosos para tê-lo(a) conosco! 🚀