Posts Como eu fiz essa página?
Post
Cancel

Como eu fiz essa página?

Esta página foi feita utilizando o Jekyll, que segundo sua própria definição é capaz de transformar texto plano em sites estáticos e blogs. É possível gerar páginas com html, css, js normalmente e também é possível utilizar markdown. Tudo isso e ainda é possíveis utilizar variáveis pré definidas graças ao Liquid templating system. Muito legal!

Hospedagem

Esta página é hospedada graças ao Github Pages. Você consegue fazer tudo de forma automática, utilizando algum dos temas disponíveis. Porém como eu nunca havia tido contato com Ruby, Jekyll e havia gostado do tema Chirpy, que não está disponível no modo “wizard”, então resolvi fazer da maneira mais manual para conhecer melhor essas ferramentas e poder usar o tema.

O que eu fiz?

De forma bem resumida foi:

  • 1º e mais importante: ví a série de vídeos disponível no item tutorial
  • instalei o Ruby na minha máquina;
  • depois o Jekyll;
  • fiz um fork do tema;
  • renomiei o repositório para ([NOME_SITE].github.io);
  • clonei tudo pra minha máquina;
  • alterei algumas informações no template;
  • após o primeiro push que você fizer o Github Actions irá executar os passos definidos em Yaml no arquivo “.github/workflows/pages-deploy.yml”. Um branch será gerado com o nome gh-pages. Nas configurações do repositórios deve-se alterar para exibir as páginas a partir deste branch.

Pronto, o site está no ar!

Tutorial

Na verdade tudo que está resumido aqui está muito melhor explicado numa série de 19 vídeos no Youtube chamada Jekyll - Static Site Generator | Tutorial. Recomendo.

Comandos úteis (para rodar local)

Criar um novo blog/site:

jekyll new NOME_BLOG

Executar o site:

bundle exec jekyll serve
This post is licensed under CC BY 4.0 by the author.
Contents

-

-