Tweet
Tweet

Slide 1

Slide 1 text

Conteúdo estático com Jekyll Rodrigo Alves Vieira www.rodrigoalvesvieira.com @rodrigoavie

Slide 2

Slide 2 text

gem install jekyll

Slide 3

Slide 3 text

. |-- _config.yml |-- _includes |-- _layouts | |-- default.html | |-- post.html |-- _posts | |-- 2012-10-25-creedence-clearwater.md | |-- 2013-04-26-grateful-dead.md |-- _site |-- index.html |-- assets |-- css |-- style.css |-- javascripts Estrutura de um projeto:

Slide 4

Slide 4 text

jekyll --server Edite o _config.yml e:

Slide 5

Slide 5 text

Yaaaaawks, tá rodando!

Slide 6

Slide 6 text

● Muito simples ● it's pretty technical ● Coisa de dev O que o Jekyll é:

Slide 7

Slide 7 text

● Não é um framework web ● Não é um CMS (Content Management System) ● Não é o Tumblr O que o Jekyll não é:

Slide 8

Slide 8 text

Suporta migrações: Wordpress, Tumblr, Blogger e Drupal

Slide 9

Slide 9 text

Plugins, huh?

Slide 10

Slide 10 text

Suporta sim!

Slide 11

Slide 11 text

Suporta sim! LaTex to PNG, tagcloud, pygments, Google Analytics, I18n, etc.

Slide 12

Slide 12 text

● Markdown ● Textile ● Haml ● HTML puro Templating:

Slide 13

Slide 13 text

E se eu não quiser escrever tudo?

Slide 14

Slide 14 text

E se eu não quiser escrever tudo? Então não escreve oras, usa o...

Slide 15

Slide 15 text

Feito sobre o Jekyll já vem com estrutura de arquivos pronta: instalar e rodar! ...Octopress

Slide 16

Slide 16 text

Tem hospedagem free no GitHub?

Slide 17

Slide 17 text

sim, com o GitHub Pages:

Slide 18

Slide 18 text

1. crie um repositório chamado {meuhandle}. github.com 2. git push seu projeto Jekyll para esse repo 3. vá para http://seuhandle.github.com Pra configurar:

Slide 19

Slide 19 text

1. crie um repositório chamado {meuhandle}. github.com 2. git push seu projeto Jekyll para esse repo 3. vá para http://seuhandle.github.com Pra configurar: "Agora é correr pro abraço!"

Slide 20

Slide 20 text

Obrigado! ● www.rodrigoalvesvieira.com ● @rodrigoavie ● rodrigovieira1994 [at] gmail [dot] com ● github.com/rodrigoalvesvieira ● linkedin.com/in/rodrigoalvesvieira

Slide 21

Slide 21 text

Referências 1. Imagens: google.com/images 2. jekyll: https://github.com/mojombo/jekyll 3. octopress: http://octopress.org/ 4. sites em jekyll (source): https://github.com/mojombo/jekyll/wiki/Sites 5. github pages: http://pages.github.com/ 6. http://jekyllbootstrap.com/