O que é Hugo

O Hugo é um dos geradores de sites estáticos de código aberto mais populares. Os usuários podem rapidamente construir seus próprios sites usando o Hugo.

Passos de Configuração

Instalar o Hugo

No Mac, você pode usar o seguinte comando para instalar o Hugo:

BASH
brew install hugo
Click to expand and view more

install

Após a instalação, você pode verificar se está instalado corretamente usando hugo version:

hugo_version

Criar um Site de Blog com o Hugo

Uma vez que o Hugo esteja instalado, você pode usá-lo para criar seu próprio site de blog. Use hugo new site my-blog para criar um site chamado my-blog.

new-blog-site
Após executar este comando, um diretório chamado my-blog será criado no diretório atual. Então, navegue para esse diretório e inicialize-o com git.

BASH
cd my-blog
git init
Click to expand and view more

Escolher um Tema

Após criar o site, você precisa escolher um tema. Existem muitos temas disponíveis para seleção: hugo themes Aqui, estou escolhendo o tema hugo-theme-even. Neste ponto, ele precisa ser adicionado como um submódulo sob themes/even.

BASH
git submodule add https://github.com/olOwOlo/hugo-theme-even.git themes/even
Click to expand and view more

pick-theme
Depois disso, copie themes/even/exampleSite/config.toml para o diretório atual e sobrescreva hugo.toml

BASH
cp themes/even/exampleSite/config.toml hugo.toml
Click to expand and view more

Criar uma Postagem do Blog

Uma vez que o tema esteja configurado, você pode criar sua própria postagem do blog. Use hugo new content/content/post/my-first-post.md para criar uma postagem do blog. Você pode ver que um novo arquivo md aparecerá sob content/post/ após executar este comando.

my-first-blog

Executar o Hugo

Uma vez que as configurações anteriores estejam concluídas, você pode iniciar um servidor Hugo usando hugo server.

Clique no link para acessar o endereço do site do blog.
Neste ponto, você notará que o blog criado anteriormente não aparece; o motivo é que o blog criado anteriormente está definido como draft, e não será exibido no modo hugo server. Para exibi-lo, você precisa usar hugo server -D.

Com isso, você pode completar a configuração do seu site de blog.

Salvar o Blog Local no GitHub

PLAINTEXT
git remote add origin https://github.com/yourusername/myblog.git
git push
Click to expand and view more

Desta forma, você pode salvar seu blog no GitHub.

Links de Referência

  1. https://gohugo.io/getting-started/quick-start/
  2. https://github.com/olOwOlo/hugo-theme-even
  3. https://medium.com/@magstherdev/hugo-in-10-minutes-2dc4ac70ee11

Copyright Notice

Author: heyjude

Link: https://heyjude.blog/pt/posts/how-to-create-blog-with-hugo/

License: CC BY-NC-SA 4.0

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Please attribute the source, use non-commercially, and maintain the same license.

Comments

Iniciar busca

Digite palavras-chave para buscar

↑↓
ESC
⌘K Atalho