Começando com Hugo: Guia para iniciantes

Introdução

Hugo é um dos geradores de sites estáticos de código aberto mais populares. Com sua velocidade incrível e flexibilidade, Hugo torna a criação de sites divertida novamente.

Por que escolher Hugo?

Aqui estão algumas razões convincentes para escolher Hugo para seu próximo projeto:

1. Ultrarrápido
2. Fácil de aprender
3. Altamente flexível
4. Excelente comunidade

Configurando seu primeiro site Hugo

Vamos percorrer juntos a criação do seu primeiro site Hugo:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

# Criar um novo site Hugo
hugo new site meu-super-site
cd meu-super-site

# Inicializar git e adicionar um tema
git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke themes/ananke

# Adicionar o tema à sua configuração
echo "theme = 'ananke'" >> config.toml

# Criar seu primeiro artigo
hugo new posts/meu-primeiro-artigo.md

Trabalhando com conteúdo

Hugo torna a criação de conteúdo simples. Aqui está como organizar efetivamente seu conteúdo.

Recursos avançados

Hugo oferece muitos recursos avançados desde o início:

1. Taxonomias: Categorias e tags
2. Shortcodes: Maneira fácil de adicionar conteúdo complexo
3. Saídas personalizadas: JSON, AMP, etc.
4. Processamento de recursos: SASS/SCSS, PostCSS

Exemplos de código

Aqui está um exemplo de template Hugo simples:

1
2
3
4
5
6
7
8

{{ define "main" }}
<article>
    <h1>{{ .Title }}</h1>
    <time>{{ .Date.Format "2006-01-02" }}</time>
    {{ .Content }}
</article>
{{ end }}

Conclusão

Hugo fornece uma excelente base para criar sites modernos. Sua combinação de velocidade, flexibilidade e facilidade de uso o torna uma excelente escolha para projetos de qualquer tamanho.

Próximos passos

• Explore a documentação oficial do Hugo
• Junte-se à comunidade Hugo
• Descubra alguns temas Hugo