Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Jekyll 101

461 views

Published on

Cansado de sistemas grandes e complexos para gerenciar seu site/blog?

Conheço o Jekyll, uma ferramenta leve e eficiente que permite você focar no que mais interessa: conteúdo!

Published in: Software
  • Login to see the comments

Jekyll 101

  1. 1. Jekyll 101 Rafael Valério
  2. 2. “VOU CRIAR UM BLOG/SITE!"
  3. 3. Banco de dados Servidor de aplicação Arquivos para versionamento Backup de dados …
  4. 4. "Transform your plain text into static websites and blogs."
  5. 5. SIMPLES ! ESTÁTICO
  6. 6. HTML + Markdown Site Estático Liquid docs.shopify.com/themes/liquid-basics
  7. 7. ~ $ gem install jekyll ~ $ jekyll new my-awesome-site ~ $ cd my-awesome-site ~/my-awesome-site $ jekyll serve Use o parâmetro --watch com o comando serve
  8. 8. index.html _config.yml css _posts _layouts _site jekyllrb.com/docs/structure/
  9. 9. _posts/ Conteúdo dinâmico do site, onde cada arquivo representa um post do blog. ! O nome do arquivo deve seguir o seguinte padrão: ANO-MES-DIA-titulo.MARKUP
  10. 10. _layouts/ Cada arquivo representa um template que engloba posts e áreas do blog. ! Os layouts são escolhidos nos posts, dentro do bloco YAML. ! O conteúdo de um layout é injetado pela tag: {{ content }}
  11. 11. _site/ É onde o site gerado pelo Jekyll será colocado, por padrão. ! É uma boa prática adicionar esse diretório no seu arquivo .gitignore.
  12. 12. Hospedagem GitHub Pages Amazon S3 O próprio GitHub suporta o Jekyll nativamente, oferecendo um serviço de host. Com o site estático pronto, é possível utilizar o serviço de storage da Amazon como host. github.com/laurilehmijoki/s3_website pages.github.com
  13. 13. Links úteis ‣ Documentação do Jekyll ‣ http://jekyllrb.com/docs/home/ ‣ Dicas e tutoriais ‣ http://jekyllrb.com/docs/resources/
  14. 14. Rafael Valério rafael@webgoal.com.br ! @rafaelvalerio

×