Jekyll 101

411 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
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
411
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
3
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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

×