mirror of https://github.com/luizdepra/hugo-coder.git

Luiz F. A. de Prá
13.51.2023 c3df12d0bbc2dda164df904f6a487580a82da746
exampleSite/content/posts/markdown-syntax.pt-br.md
@@ -1,22 +1,24 @@
+++
authors = ["Hugo Authors"]
authors = ["Programador Solitário"]
title = "Guia de Sintaxe Markdown"
date = "2019-03-11"
date = "2023-07-13"
description = "Artigo de exemplo mostrando a sintaxe básica Markdown e a formatação de elementos HTML."
tags = [
    "hugo",
    "markdown",
    "css",
    "html",
]
categories = [
    "themes",
    "syntax",
    "sintaxe",
    "demonstração do tema",
]
series = ["Guia do Thema"]
series = ["Demonstração do Tema"]
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
@@ -24,10 +26,15 @@
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
@@ -43,7 +50,7 @@
#### Citações sem atribuição
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use *Markdown syntax* within a blockquote.
> **Note** that you can use _Markdown syntax_ within a blockquote.
#### Citações com atribuição
@@ -54,31 +61,31 @@
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
| Nome  | Idade |
| ----- | ----- |
| Bob   | 27    |
| Alice | 23    |
#### Tabelas com Markdown inline
| Italics   | Bold     | Code   |
| --------  | -------- | ------ |
| *italics* | **bold** | `code` |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |
## Blocos de código
#### Blocos de código com crase
```html
<!doctype html>
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="utf-8">
  <title>Exemplo de Documento HTML5</title>
</head>
<body>
  <p>Teste</p>
</body>
    <head>
        <meta charset="utf-8" />
        <title>Exemplo de Documento HTML5</title>
    </head>
    <body>
        <p>Teste</p>
    </body>
</html>
```
@@ -98,6 +105,7 @@
#### Blocos de código com highlight shortcode interno do Hugo
{{< highlight html >}}
<!doctype html>
<html lang="pt-br">
<head>
@@ -120,19 +128,19 @@
#### Listas não Ordenada
* Um item
* Outro item
* Algum outro item
-   Um item
-   Outro item
-   Algum outro item
#### Listas aninhadas
* Frutas
  * Maçã
  * Laranja
  * Banana
* Laticínios
  * Leite
  * Queijo
-   Frutas
    -   Maçã
    -   Laranja
    -   Banana
-   Laticínios
    -   Leite
    -   Queijo
#### Notas de Rodapé