4. Editando um site existente
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.
-
Garanta que você tem o git instalado
sudo apt-get install git
-
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
-
Sirva o site localmente para desenvolvimento
$ jekyll serve
- 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
- 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
-
Acesse seu servidor (substitua 111.111.111.111 pelo ip correspondente)
ssh root@111.111.111.111
-
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
-
Crie e sirva seu projeto
jekyll new projeto_1
cd projeto_1
bundle exec jekyll serve --host 111.111.111.111
-
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.