Como Criar um Blog Como Esse
Hello World
Fala, galera!
Lorenzo está de cara nova agora, faz tempo que estava querendo criar um Blog e fiquei impressionado com a facilidade de criação utilizando essa ferramenta.
Como o intuito desse Blog é espalhar conhecimento, vou começar esse post ensinando e documentando como você também pode criar um Blog como este.
O Que é o Jekyll?
Jekyll é um gerador de sites estáticos escrito em Ruby. Ele permite criar sites e blogs que são transformados em arquivos HTML estáticos. A principal vantagem do Jekyll é que ele permite desenvolver sites de forma simples, sem a necessidade de um banco de dados ou backend dinâmico.
Alguns benefícios do Jekyll incluem:
- Simplicidade: Ideal para sites simples como blogs, portfólios e documentações.
- Hospedagem no GitHub Pages: Jekyll é integrado ao GitHub Pages, permitindo que desenvolvedores hospedem seus sites diretamente no GitHub.
- Markdown e Layouts: Suporte a escrita em Markdown e a utilização de layouts para fácil formatação de conteúdo.
Porque usar o Jenkyll como motor de blog?
- Para responder essa, vou deixar um link explicando alguns motivos: https://aleatorio.dev.br/posts/porque-usar-jenkyl/
Esse blog post do link foi feito usando Jenkyll também
Instalação e Setup
Seu primeiro passo aqui é clonar e usar o template disponibilizado no GitHub, primeiro clone no repositório remoto e depois para o repositório local: Link Template GitHub
Clique em:
- Use This Template
- Create a New Repository
- O nome do repositório precisa ser assim: USERNAME.github.io (O meu é lorenzouriel.github.io)
- Clone o seu repositório em uma pasta local
Para iniciar, você precisa instalar o Ruby e o Jekyll na sua máquina, existe um tutorial para isso: Tutorial
Depois que tiver instalado, você pode rodar os seguintes comandos:
bundle
- Instalar as últimas dependênciasbundle exec jekyll s
- Realizar o Build e rodar localmente
Depois que você adicionar o seu post, pode fazer o push para o repositório remoto, por conta do arquivo pages-deploy.yml
o deploy é realizado automaticamente no seu GitHub pages, você pode acessar ele atráves do nome do repositório que você criou: USERNAME.github.io
Criando o Primeiro Post
Achei legal adicionar esse tópico porque existe uma estrutura padrão para a criação de um Blog no Jenkyll.
Você deve criar o arquivo Markdown na pasta: _posts
. Existe um padrão para a criação do arquivo, precisa ser:yyyy-mm-dd-titulo-post.md
.
Após a criação do arquivo, você deve iniciar o Markdown com algumas variáveis.
1
2
3
4
5
6
7
8
9
---
title: "Como Criar um Blog Como Esse"
date: 2024-01-01 00:00:00:0000
categories: [Blog]
tags: [blog]
---
# Hello World
Fala, galera!
Quando fechar com os ---
, você pode iniciar o seu post em Markdown.
Depois é só fazer o deploy e acessar.
Referências
Obrigado por ler até aqui!