Para testar a execução e paragem do Jekyll, o melhor é ter um projecto de teste. Para esse efeito, criei uma página simples de forma a poderes explorar e experimentar.

Acede à página do Jekyll para Designers no GitHub, e encontras o botão para download do .ZIP do lado direito, imediatamente antes da barra em azul-claro que precede a lista de pastas e ficheiros do projecto.

De seguida descomprime o ficheiro e altera nome e localização da pasta do projecto de modo a fazer sentido para ti. Como podes ver a estrutura até é bastante simples.

Utilizar o Jekyll

São apenas 4 as operações necessárias para gerir o Jekyll no dia-a-dia:

  1. Abrir linha de comandos
  2. Entrar na pasta do projecto
  3. Executar o Jekyll
  4. Parar a execução do Jekyll

1. Abrir a linha de comandos

  • Em Mac OS
    Applications → Utilities → Terminal
  • Em windows 10
    Ao lado do ícone de Iniciar → Pesquisar por "Linha de Comandos" ou "cmd"

2. Entrar na pasta do projecto

No Terminal, escrever cd (change directory), dar um espaço, arrastar a pasta do projecto e executar (tecla enter). Isto também funciona em Windows!

Screen cast de Cris Coyer

Nota: Este Gif animado é da autoria de Chris Coyer, Designer e Front-end Developer que partilha com a comunidade o conhecimento que vai adquirindo. Valerá a pena lerem-no no CSS Tricks.

A Prompt passa a mostrar o nome da pasta (onde acabámos de entrar) em Mac OS:

pcname:pasta-do-projecto username$

Em windows:

C:\caminho\completo\da\pasta-do-projecto

3. Executar o Jekyll.

Escrever no Terminal “jekyll serve” (sem aspas) e executar (enter). Mac OS:

pcname:pasta-do-projecto username$ jekyll serve

Windows:

C:\caminho\completo\da\pasta-do-projecto jekyll serve

Em breves segundos, o relatório de inicialização do Jekyll é mostrado na Linha de Comandos, terminando com: “Server running… press ctrl-c to stop” e isto já nos informa como fazer para parar a execução…

Enquanto em execução, podes acompanhar o resultado visual das alterações que faças utilizando este endereço no teu browser:

localhost:4000/

4. Parar a execução do Jekyll.

Basta pressionar as teclas “Control” e letra “C” ao mesmo tempo para que o Jekyll cesse a execução.