markdown-syntax.pt-br.md (4378B)
1 +++ 2 authors = ["Programador Solitário"] 3 title = "Guia de Sintaxe Markdown" 4 date = "2023-07-13" 5 description = "Artigo de exemplo mostrando a sintaxe básica Markdown e a formatação de elementos HTML." 6 tags = [ 7 "hugo", 8 "markdown", 9 "css", 10 "html", 11 ] 12 categories = [ 13 "sintaxe", 14 "demonstração do tema", 15 ] 16 series = ["Demonstração do Tema"] 17 aliases = ["migrate-from-jekyl"] 18 +++ 19 20 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. 21 22 <!--more--> 23 24 ## Cabeçalhos 25 26 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. 27 28 # H1 29 30 ## H2 31 32 ### H3 33 34 #### H4 35 36 ##### H5 37 38 ###### H6 39 40 ## Parágrafo 41 42 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. 43 44 Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat. 45 46 ## Citações 47 48 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. 49 50 #### Citações sem atribuição 51 52 > Tiam, ad mint andaepu dandae nostion secatur sequo quae. 53 > **Note** that you can use _Markdown syntax_ within a blockquote. 54 55 #### Citações com atribuição 56 57 > Não comunique compartilhando memória, compartilhe memória comunicando.<br> 58 > — <cite>Rob Pike[^1]</cite> 59 60 ## Tabelas 61 62 Tabelas não fazem parte do cerne da especificação do Markdown, mas o Hugo oferece suporte a elas. 63 64 | Nome | Idade | 65 | ----- | ----- | 66 | Bob | 27 | 67 | Alice | 23 | 68 69 #### Tabelas com Markdown inline 70 71 | Italics | Bold | Code | 72 | --------- | -------- | ------ | 73 | _italics_ | **bold** | `code` | 74 75 ## Blocos de código 76 77 #### Blocos de código com crase 78 79 ```html 80 <!DOCTYPE html> 81 <html lang="pt-br"> 82 <head> 83 <meta charset="utf-8" /> 84 <title>Exemplo de Documento HTML5</title> 85 </head> 86 <body> 87 <p>Teste</p> 88 </body> 89 </html> 90 ``` 91 92 #### Blocos de código com quatro espaços 93 94 <!doctype html> 95 <html lang="pt-br"> 96 <head> 97 <meta charset="utf-8"> 98 <title>Exemplo de Documento HTML5</title> 99 </head> 100 <body> 101 <p>Teste</p> 102 </body> 103 </html> 104 105 #### Blocos de código com highlight shortcode interno do Hugo 106 107 {{< highlight html >}} 108 109 <!doctype html> 110 <html lang="pt-br"> 111 <head> 112 <meta charset="utf-8"> 113 <title>Exemplo de Documento HTML5</title> 114 </head> 115 <body> 116 <p>Teste</p> 117 </body> 118 </html> 119 {{< /highlight >}} 120 121 ## Tipos de Listas 122 123 #### Listas Ordenada 124 125 1. Primeiro item 126 2. Segundo item 127 3. Terceiro item 128 129 #### Listas não Ordenada 130 131 - Um item 132 - Outro item 133 - Algum outro item 134 135 #### Listas aninhadas 136 137 - Frutas 138 - Maçã 139 - Laranja 140 - Banana 141 - Laticínios 142 - Leite 143 - Queijo 144 145 #### Notas de Rodapé 146 147 Verifique[^2] no final[^3] desse texto[^4]. 148 149 ## Outros Elementos — abbr, sub, sup, kbd, mark 150 151 <abbr title="Graphics Interchange Format">GIF</abbr> é um formato de imagem bitmap. 152 153 H<sub>2</sub>O 154 155 X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup> 156 157 Aperte <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> para fechar. 158 159 A maioria das <mark>salamandras</mark> são noturnas e caçam insetos, vermes, e outras criaturas pequenas. 160 161 [^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. 162 [^2]: Uma nota de rodapé. 163 [^3]: Outra aqui. 164 [^4]: Legal, né?