Jekyll 101

  • 176 views
Uploaded on

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

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!

More in: Software
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
176
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Jekyll 101 Rafael Valério
  • 2. “VOU CRIAR UM BLOG/SITE!"
  • 3. Banco de dados Servidor de aplicação Arquivos para versionamento Backup de dados …
  • 4. "Transform your plain text into static websites and blogs."
  • 5. SIMPLES ! ESTÁTICO
  • 6. HTML + Markdown Site Estático Liquid docs.shopify.com/themes/liquid-basics
  • 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. index.html _config.yml css _posts _layouts _site jekyllrb.com/docs/structure/
  • 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. _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. _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. 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. Links úteis ‣ Documentação do Jekyll ‣ http://jekyllrb.com/docs/home/ ‣ Dicas e tutoriais ‣ http://jekyllrb.com/docs/resources/
  • 14. Rafael Valério rafael@webgoal.com.br ! @rafaelvalerio