Esse artigo é um exemplo básico para mostrar a sintaxe Markdown que é usada nos arquivos de conteúdo do Hugo. Ele também mostrar como cada elemento básico HTML é estilizado com CSS com os temas do Hugo.

Cabeçalhos Link para o cabeçalho

Os seguintes elementos HTML <h1>—<h6> representam 6 níveis de cabeçalhos de seção. <h1> é para seções de nível mais alto enquanto <h6> é para o nível mais baixo.

H1 Link para o cabeçalho

H2 Link para o cabeçalho

H3 Link para o cabeçalho

H4 Link para o cabeçalho

H5 Link para o cabeçalho
H6 Link para o cabeçalho

Parágrafo Link para o cabeçalho

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Citações Link para o cabeçalho

O elemento de citações representa um conteúdo citado de outra origem, opcionalmente com atribuição que deve estar contida em um elemento footer ou cite, e também opcionalmente com informações in-line como anotações e abreviações.

Citações sem atribuição Link para o cabeçalho

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.

Citações com atribuição Link para o cabeçalho

Não comunique compartilhando memória, compartilhe memória comunicando. — Rob Pike1

Tabelas Link para o cabeçalho

Tabelas não fazem parte do cerne da especificação do Markdown, mas o Hugo oferece suporte a elas.

Nome Idade
Bob 27
Alice 23

Tabelas com Markdown inline Link para o cabeçalho

Italics Bold Code
italics bold code

Blocos de código Link para o cabeçalho

Blocos de código com crase Link para o cabeçalho 

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8" />
        <title>Exemplo de Documento HTML5</title>
    </head>
    <body>
        <p>Teste</p>
    </body>
</html>

Blocos de código com quatro espaços Link para o cabeçalho 

<!doctype html>
<html lang="pt-br">
<head>
  <meta charset="utf-8">
  <title>Exemplo de Documento HTML5</title>
</head>
<body>
  <p>Teste</p>
</body>
</html>

Blocos de código com highlight shortcode interno do Hugo Link para o cabeçalho 

<!doctype html>
<html lang="pt-br">
<head>
  <meta charset="utf-8">
  <title>Exemplo de Documento HTML5</title>
</head>
<body>
  <p>Teste</p>
</body>
</html>

Tipos de Listas Link para o cabeçalho

Listas Ordenada Link para o cabeçalho

  1. Primeiro item
  2. Segundo item
  3. Terceiro item

Listas não Ordenada Link para o cabeçalho

  • Um item
  • Outro item
  • Algum outro item

Listas aninhadas Link para o cabeçalho

  • Frutas
    • Maçã
    • Laranja
    • Banana
  • Laticínios
    • Leite
    • Queijo

Notas de Rodapé Link para o cabeçalho

Verifique2 no final3 desse texto4.

Outros Elementos — abbr, sub, sup, kbd, mark Link para o cabeçalho

GIF é um formato de imagem bitmap.

H2O

Xn + Yn = Zn

Aperte CTRL+ALT+Delete para fechar.

A maioria das salamandras são noturnas e caçam insetos, vermes, e outras criaturas pequenas.

  1. A citação acima foi extraída da apresentação do Rob Pike durante a Gopherfest, de 18 de Novembro de 2015. ↩︎

  2. Uma nota de rodapé. ↩︎

  3. Outra aqui. ↩︎

  4. Legal, né? ↩︎