Existem diferentes maneiras de construir um website em Jekyll. O site desta oficina é baseado em pequenas modificações do tema padrão do Jekyll, chamado minima. Tais modificações não serão abordados aqui. Nesta oficina vamos ver como construir websites a partir de temas prontos, assim como modificar a capa do site do Centro de Tecnlogia Acadêmica.

Modelos e temas

Existem diversos repositórios contendo temas para uso do Jekyll, tanto livres como pagos. Uma busca por Jekyll Themes no seu mecanismo de busca favorito certamente apresentar algumas opções. Entre elas os temas suportados oficialmente pelas páginas GitHub.

Site do CTA

Vamos clonar o repositório da capa do site do CTA, que utiliza HTML5.

  1. Garanta que você tem o git instalado

    sudo apt-get install git

  2. Faça um clone local do repositório do site do CTA

    git clone https://git.cta.if.ufrgs.br/CTA/site_CTA.git

    cd capa_site_cta

  3. Sirva o site localmente para desenvolvimento

    $ jekyll serve

  4. Conheça a estrutura do site, faça modificações e teste o resultado.
    • O site contém um arquivo para cada elemento identificado com fundo de cor diversa
    • A ordem dos elementos apresentados no site está em _layouts/front.html
  5. Quando estiver satisfeite, atualize o site. Durante a oficina publique a sua versão do site em seu diretório/servidor pessoal. Aproveite e monte o comando para atualização.

Utilizando um servidor VPS (opcional)

Caso você tenha acesso a um servidor VPS (Virtual Private Server) para desenvolver e publicar o seu site, utilize os seguintes em um servidor Debian

  1. Acesse seu servidor (substitua 111.111.111.111 pelo ip correspondente)

    ssh root@111.111.111.111

  2. Atualize repositórios e instale os pacotes necessários

    apt-get update

    apt-get upgrade

    apt-get install -y ruby-full build-essential

    gem install jekyll bundler

  3. Crie e sirva seu projeto

    jekyll new projeto_1

    cd projeto_1

    bundle exec jekyll serve --host 111.111.111.111

  4. Acesse o servidor confirme indicado, algo como http://111.111.111.111:4000

Cabe ressaltar que o servidor web do Jekyll não é recomendado para publicação definitiva do site. Para isto é recomendado o uso de servidores web completos tais como o Apache e o Nginx.