Jekyll

Post on 11-Aug-2015

31 views 3 download

Transcript of Jekyll

Instala o Jekyll e suas dependências

Instala o Jekyll e suas dependências

Cria um novo projeto com a estrutura padrão

Instala o Jekyll e suas dependências

Cria um novo projeto com a estrutura padrão

Acessa a pasta do projeto

Instala o Jekyll e suas dependências

Cria um novo projeto com a estrutura padrão

Acessa a pasta do projeto

Cria um server no link http://localhost:4000

Arquivos de estrutura (header, footer, ect.)

Layout das páginas (default, post, page)

Posts que irão gerar páginas

Includes do Sass

Site gerado (build)

Arquivo sass chamando os includes

Gitignore

Arquivo de configuração e variáveis do site (titulo, descrição)

Página usando markdown

Arquivo de feed

Página default, lista os posts

index.html

index.html

Variável padrão. Declara qual layout (da pasta _layouts) que será usado na tela.

/index.html

Variável criadas que serão reaproveitadas no layout.

/layouts/default.html

index.html

/layouts/default.html

/_config.yml

/layouts/default.html

Resgata variáveis do _config.yml

Resgata variáveis da página

Usado nas telas de layout. Resgata o conteúdo da página

Usado para criar paginação de posts