Hoje estive querendo transformar a página de categorias para ficar mais estilo 'tag cloud' com cada categoria com um tamanho diferente dependendo do número de posts que houvesse. Então tive uma série de problemas para adaptar um tamanho legal via css e resolvi procurar por um plugin para o jekyll. Após encontrar um plugin para o liquid templates, descobri que o jekyll do github está em modo safe e não aceita plugin algum, então como gostei da nova forma resolvi migrar meu site do github para minha VPS. E aí precisava automatizar o processo de deploy do site a cada novo post.

Como funciona

Nos repositórios do git, é possível usufruir dos métodos hook, que nada mais são do que possíveis eventos em torno do repositório git. Dessa forma é possível mapear os eventos em torno do git. Neste exemplo usei o post-receive.

Fui até o meu servidor e executei os seguintes comandos:

  ssh jonatas@ideia.me
  mkdir ~/ideia.me
  cd ~/ideia.me
  git init --bare .

No código acima criei um repositório git que receberá os commits de minha máquina sendo este o servidor.

Em meu repositório local adicionei:

jonatasdp@~/Code/ideia.me$ git remote add deploy jonatas@ideia.me:~/ideia.me

Neste caso estou apontando diretamente para o repositório criado anteriormente com o meu usuário. Assim tive apenas que ripar o post-receive do wiki do jekyll e configurar o nginx.

Post receive

No post receive, nada mais faz do que clonar o repositório locamente e executar o jekyll para gerar o website estático novamente na versão mais atualizada:

jonatas@ideia.me:~$ cat ideia.me/hooks/post-receive 
GIT_REPO=$HOME/ideia.me
TMP_GIT_CLONE=$HOME/tmp/ideia.me
PUBLIC_WWW=/var/www/sites/ideia.me
git clone $GIT_REPO $TMP_GIT_CLONE
cd $TMP_GIT_CLONE
jekyll --no-auto $TMP_GIT_CLONE $PUBLIC_WWW
cd $HOME
rm -Rf $TMP_GIT_CLONE

Com este post-receive o jekyll irá regerar meu site cada vez que envio um novo post.

git push deploy master

O jekyll é uma engine muito boa e valeu muito a pena desde o início. Agora estou totalmente livre do sistema de páginas do github e posso dar o deploy em minha VPS como bem entender :)

Configuração do nginx

Para configurar o Nginx criei o arquivo /etc/nginx/sites-enabled/ideiame com o seguinte conteúdo:

server {
  root /var/www/sites/ideia.me;
  index index.html;
  server_name ideia.me;
  location / {
    try_files $uri $uri/ /index.html;
  }
}

Valeu GIT!

Demorou um pouco para o site ficar 100% pois o DNS demora um tempo para migrar e na nostalgia ainda cheguei a ver uma primeira versão do meu site onlne durante o período da migração.

blog comments powered by Disqus
Compartilhar → Twitter Facebook Google+


Olá, sou o Jônatas Davi Paganini e esse é meu blog. Sou programador, tenho alguns projetos no github e escrevo livremente aqui no ideia.me.

Veja minhas talks ou conecte-se via twitter / github / instagram / facebook / linkedin / soundcloud / strava / meetup.