Hugo, um construtor de sites estáticos rápido e flexível

No próximo artigo, daremos uma olhada em Hugo. Este é um dos geradores de sites estáticos de código aberto mais popular, que também é totalmente gratuito. Com sua incrível velocidade e flexibilidade, este gerador torna a construção de sites rápida e fácil. Se trata de um gerador websites HTML estático e CSS escrito em Go. Ele é otimizado para velocidade, facilidade de uso e configuração.

A criação de um site é um processo que requer algum tempo e conhecimento de HTML e outras linguagens. Por esse motivo, este construtor de sites estáticos pode ser de grande ajuda na criação de sites rapidamente. Deve ser esclarecido que quando falamos sobre sites estáticos, queremos dizer sites que não processam dados. Ou seja, eles não podem processar formulários ou gerar documentos. Esses sites são geralmente feitos para pequenos projetos e sites informativos.

Características gerais do Hugo

• Uma alta velocidade. Conforme declarado em seu site, esta é a ferramenta mais rápida de seu tipo. O site médio é construído em menos de um segundo.
• Gerenciamento de conteúdo robusto e regras de flexibilidade. Hugo é o sonho de um estrategista de conteúdo. Hugo suporta tipos de conteúdo ilimitados, taxonomias, menus, conteúdo dinâmico baseado em API e muito mais, tudo sem complementos.
• Os códigos curtos nos oferecem o capacidade de usar sintaxe Markdown, proporcionando grande flexibilidade.
• Modelos integrados. Este construtor de site estático tem padrões comuns para criar nosso trabalho rapidamente. Hugo vem com modelos pré-fabricados para fazer um trabalho rápido de SEO, comentários, análises e outras funções.
• Saídas personalizadas. Nos permite gerar nosso conteúdo em vários formatos, incluindo JSON ou AMP, e assim facilitar a criação de conteúdo.
• Mais de 300 temas disponíveis, dando-nos um sistema de tema robusto e fácil de implementar, mas capaz de produzir até os sites mais complicados. Pode ser lançado uma olhada nos tópicos disponíveis no site do projeto.

Instale Hugo no Ubuntu

Hugo é um programa bastante popular e isso torna a instalação no Gnu / Linux e especificamente no Ubuntu um processo simples. A primeira opção de instalação disponível usará o pacotes pré-compilados que podem ser encontrados no página de lançamento do projeto. Para baixar o pacote .deb, só teremos que abrir um terminal (Ctrl + Alt + T) e executar o seguinte comando:

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

Após o download, poderemos instalá-lo executando este outro comando no mesmo terminal:

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

No final da instalação podemos começar a trabalhar.

Outra possibilidade de instalar este programa será através do seu pacote instantâneo. A instalação será tão simples quanto abrir um terminal (Ctrl + Alt + T) e digitar:

sudo snap install hugo

Primeiros Passos

Hugo é um construtor de sites. Então, a primeira coisa que precisamos fazer é crie um novo site usando o seguinte formato:

hugo new site [nombre-del-sitio]

Para este exemplo, criei um novo site com o comando:

hugo new site sinforoso

Isso criará uma nova pasta chamada enrolamento No livro de endereços Início do usuário. Para começar vamos acessar esta pasta e começaremos o trabalho a partir daí.

A próxima coisa que faremos é adicione um novo tema para o site. Se você deseja adicionar todos os temas disponíveis, você pode usar o comando:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

Isso instala todos os temas do Hugo, por isso pode demorar muito. Pode ser útil tentar qual você deseja. No meu caso, escolhi um tópico específico, então, em vez do comando acima, usei o seguinte:

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

É importante que coloquemos os tópicos no dobrador Temas, que vamos encontrar dentro da pasta em que estamos trabalhando.

Depois de instalar o tema, devemos diga ao Hugo para usar aquele tema em particular. Para fazer isso, devemos defina-o no arquivo config.tom, que encontraremos na pasta de trabalho conforme indicado na imagem a seguir.

Assim que as alterações forem feitas, nós salvamos e fechamos. Agora tudo que temos que fazer é crie um novo índice para exibir no site. Faremos isso com o seguinte comando:

hugo new _index.md

Como você pode ver, o arquivo tem uma extensão md, isso significa que podemos adicionar conteúdo usando Markdown. Este arquivo pode ser encontrado e editado no pasta de conteúdo.

Também podemos crie novas categorias para moldar o site:

hugo new [categoría]/[archivo.md]

Chegados a este ponto, para ver nosso site, usaremos o seguinte comando:

hugo serve

E como você pode ver na imagem a seguir, nosso site estará disponível no navegador em http: // localhost: 1313.

Resumindo, Hugo é um programa que apenas cria sites estáticos, mas é muito útil em certos casos. Você pode obter mais informações sobre o projeto em seu WebSite ou documentação oficial.