Instalando e configurando o gerador de sites Hugo

Saiba como instalar e começar um projeto no gerenciador de sites Hugo. Gere sites estáticos facilmente.

Instalando e configurando o gerador de sites Hugo

O objetivo desse artigo é demonstrar os primeiros passos na criação de um site no Hugo, portanto, não espere nada muito avançado, pois o foco é para quem nunca viu ele funcionando.

Instalação

Iremos abordar a instalação em sistemas GNU/Linux, mais precisamente, usando pacotes Snaps no Gentoo Linux. É um método muito fácil e que ajuda a manter o Hugo sempre atualizado e funcionando sem qualquer configuração adicional.
Para saber como instalar snaps no Gentoo, acesse aqui.
Bom, vamos ao processo!

1° - Acessando o terminal

Para realizar a instalação, abra o aplicativo de terminal, neste caso estou usando o Gnome Shell e o programa padrão, o gnome-terminal ou simplesmente “terminal”. Instalando o Hugo com o Snap

Com ele aberto, digite o seguinte comando:
sudo snap install hugo

Aguarde o término da instalação e verifique a versão do Hugo:
hugo version
Verificando a versão do Hugo

Com a instalação bem sucedida, é hora de começar o site.

2° - Criando seu primeiro site

Crie uma pasta chamada Sites na home:
mkdir $HOME/Sites

Acesse a pasta:
cd $HOME/Sites

Crie o primeiro projeto: hugo new site meu-primeiro-projeto
Criando o primeiro projeto

Abra a pasta $HOME/Sites em seu editor de texto preferido, como o Gedit ou Atom, por exemplo. Eu utilizei o nano.

Neste primeiro momento, vamos realizar só as configurações necessárias para o site ser minimamente acessado. Portanto, o próximo passo é procurar e baixar um template para nosso projeto. Acesse este link ou utilize o git.
git clone https:https://github.com/thomasheller/crab.git
Baixando um tema para o Hugo

Para o tema funcionar, mova a pasta “crab” para o diretório $HOME/Sites/meu-primeiro-projeto/themes/, assim:
$ mv crap $HOME/Sites/meu-primeiro-projeto/themes/
Movendo o tema para a pasta correta

Para testar o site, acesse a pasta raiz de seu projeto:
$ cd $HOME/Sites/meu-primeiro-projeto

Com o editor de texto, abra o arquivo config.toml e digite a seguinte linha:
theme = “crab”
Editando o arquivo de configurações

Novamente no terminal, digite:
$ hugo server
Iniciando o servidor de desenvolvimento

Abra o navegador e acesse o endereço http:https://localhost:1313 e seu site vai estar funcionando e nem precisa de Apache instalado na máquina.

Acessar o site pelo navegador

3° - Personalizando e configurando

Agora, com seu editor de código preferido, abra o arquivo config.toml. É nele que as principais configurações serão feitas, como a definição da URL base do site, definição do tema escolhido, título, dentre muitas outras.
Para começar é importante ler a documentação do Hugo e seguir a sequência de artigos do blog. O próximo será sobre as principais configurações do site, não perca.

Compartilhe nas suas redes sociais

Regis

Regis Tomkiel

Sócio Fundador da Dose Extra Multimídia, produtor audiovisual, desenvolvedor web, podcaster, escritor e quando sobra tempo, coleciona videogames e filmes independentes.

Mais publicações do autor…
Você pode gostar: