Como criei meu blog com Jekyll

Tempo de Leitura ~2 minutos

Hoje iremos aprender como criar um blog usando Jekill… Mais por que Jekill???

Devido ser uma ferramenta open source de código livre e acessível a todos. Quer mais um motivo para usar????

Requisitos necessários:

Instalação

sudo apt-get install git ruby jekyll

Configurando

Antes de iniciar devemos configurar o git com nossos dados do Github

git config --global user.name "nome-usuario"
git config --global user.email "email-usuario"

Agora criaremos um repositório git no qual iremos trabalhar localmente, o nome do repositório deve ser igual ao criado em sua conta no Github

git init nome-usuario.github.io

Agora que vc já criou o diretório de seu blog, devemos encontrar um tema para Jekyll, recomendo esse repositório que possui vários templates prontos para uso.

http://jekyllthemes.org/

Escolha um tema que lhe agrade e clone ele em seu repositório.

A estrutura ficará mais ou menos assim:

 
/_includes - Diretório do corpo das paginas
/_layouts - Diretório do corpo das paginas
/_posts - Diretório das postagens
/_css o /scss - Diretório dos arquivos CSS
/_img o /images - Diretório das imagens
/_config.yml - Arquivo de configuração
/404.md - Pagina de erro 404
/CNAME - Configurar um domínio
/about.md - Pagina about
/index.html Pagina inicial

O arquivo _config.yml é um arquivo de configuração, informe os dados necessários.

Após realizar a configuração do arquivo, entre na pasta do seu projeto no terminal e escreva:

jekyll serve

Abra seu navegador favorito e digite localhost:4000 ou 127.0.0.1:4000 e vai ver seu blog em funcionamento, agora ja pode começar a modificar o conteúdo de seu blog localmente através de seu editor favorito, no meu caso Sublime Text.

Quando decidir que seu blog esteja da forma desejada, podemos agora publica-lo no Github seguindo os seguintes comandos:

git add --all
git commit -m "Blog criado"
git push -u origin master

Será necessário informar seu usuário e senha do github. Após seguir todos os passos ja podemos ver nosso blog publicado, acessando o endereço criado por você…

 
www.nome-usuario.github.io

Espero que tenham gostado e agregado conhecimento…

Até a próxima

Conectando display Oled com Nodemcu

MongoDB é um banco orientado a documentos open-source que permite alta performance, alta disponibilidade e escalabilidade automática. - 10gen. Continue Lendo

Como fazer deploy de Apps para o Heroku

Published on June 15, 2016

Minha porta envia email

Published on November 03, 2015