1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
|
+++
author = "Hugo Authors"
title = "Guia de Sintaxe Markdown"
date = "2019-03-11"
description = "Artigo de exemplo mostrando a sintaxe básica Markdown e a formatação de elementos HTML."
tags = [
"markdown",
"css",
"html",
]
categories = [
"temas",
"sintaxe",
]
series = ["Guia do Thema"]
aliases = ["migrate-from-jekyl"]
+++
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.
<!--more-->
## Cabeçalhos
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
## H2
### H3
#### H4
##### H5
###### H6
## Parágrafo
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
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
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use *Markdown syntax* within a blockquote.
#### Citações com atribuição
> Não comunique compartilhando memória, compartilhe memória comunicando.<br>
> — <cite>Rob Pike[^1]</cite>
[^1]: A citação acima foi extraída da [apresentação](https://www.youtube.com/watch?v=PAAkCSZUG1c) do Rob Pike durante a Gopherfest, de 18 de Novembro de 2015.
## Tabelas
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
| Italics | Bold | Code |
| -------- | -------- | ------ |
| *italics* | **bold** | `code` |
## Blocos de código
#### Blocos de código com crase
```html
<!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
<!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
{{< highlight html >}}
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Exemplo de Documento HTML5</title>
</head>
<body>
<p>Teste</p>
</body>
</html>
{{< /highlight >}}
## Tipos de Listas
#### Listas Ordenada
1. Primeiro item
2. Segundo item
3. Terceiro item
#### Listas não Ordenada
* Um item
* Outro item
* Algum outro item
#### Listas aninhadas
* Frutas
* Maçã
* Laranja
* Banana
* Laticínios
* Leite
* Queijo
## Outros Elementos — abbr, sub, sup, kbd, mark
<abbr title="Graphics Interchange Format">GIF</abbr> é um formato de imagem bitmap.
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
Aperte <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> para fechar.
A maioria das <mark>salamandras</mark> são noturnas e caçam insetos, vermes, e outras criaturas pequenas.
|
