O documento fornece uma introdução ao Jekyll, um gerador de sites estáticos em Markdown. Ele explica como instalar e usar o Jekyll, a estrutura básica de diretórios como _posts para conteúdo dinâmico e _layouts para templates, e opções de hospedagem como GitHub Pages.

1. Jekyll 101
Rafael Valério

2. “VOU CRIAR UM BLOG/SITE!"

5. Banco de dados
Servidor de aplicação
Arquivos para versionamento
Backup de dados
…

6. "Transform your plain text into
static websites and blogs."

7. SIMPLES
!
ESTÁTICO

8. HTML
+
Markdown
Site
Estático
Liquid
docs.shopify.com/themes/liquid-basics

9. ~ $ 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

10. index.html
_config.yml
css
_posts
_layouts
_site
jekyllrb.com/docs/structure/

11. _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

12. _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 }}

13. _site/
É onde o site gerado pelo Jekyll será colocado, por
padrão.
!
É uma boa prática adicionar esse diretório no seu
arquivo .gitignore.

14. 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

15. Links úteis
‣ Documentação do Jekyll
‣ http://jekyllrb.com/docs/home/
‣ Dicas e tutoriais
‣ http://jekyllrb.com/docs/resources/

16. Rafael Valério
rafael@webgoal.com.br
!
@rafaelvalerio