Files
Nuno Coração 1d88d5b296 Add 5 new languages to exampleSite: German, French, Spanish, Portuguese
Add complete translations for:
- German (de)
- French (fr)
- Spanish (es)
- Portuguese Brazil (pt-br)
- Portuguese Portugal (pt-pt)

Changes include:
- Language config files (languages.*.toml)
- Menu config files (menus.*.toml)
- Translated docs section (16 files x 5 langs)
- Translated homepage, guides, samples
- Translated examples, authors, tags sections
- Translated users section (112 dirs x 5 langs)
- Fixed YAML front matter formatting in user files

Hugo build now supports 9 languages total.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-22 22:49:50 +00:00

4.6 KiB

title, date, description, tags, type
title date description tags type
Markdown 2019-03-11 Artículo de ejemplo que muestra la sintaxis básica de Markdown y el formato para elementos HTML.
markdown
css
html
ejemplo
sample

Este artículo ofrece una muestra del formato básico de Markdown que se puede usar en Blowfish, también muestra cómo se decoran algunos elementos HTML básicos.

Encabezados

Los siguientes elementos HTML <h1><h6> representan seis niveles de encabezados de sección. <h1> es el nivel de sección más alto mientras que <h6> es el más bajo.

H1

H2

H3

H4

H5
H6

Párrafo

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.

Citas

El elemento blockquote representa contenido citado de otra fuente, opcionalmente con una cita que debe estar dentro de un elemento footer o cite, y opcionalmente con cambios en línea como anotaciones y abreviaturas.

Cita sin atribución

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Nota: puedes usar sintaxis Markdown dentro de una cita.

Cita con atribución

No comuniques compartiendo memoria, comparte memoria comunicando.
Rob Pike1

Tablas

Las tablas no son parte de la especificación principal de Markdown, pero Hugo las soporta de forma nativa.

Nombre Edad
Bob 27
Alice 23

Markdown en línea dentro de tablas

Cursiva Negrita Código
cursiva negrita código

Bloques de código

Bloque de código general

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

Bloque de código con título y resaltado de líneas

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Tipos de listas

Lista ordenada

  1. Primer elemento
  2. Segundo elemento
  3. Tercer elemento

Lista no ordenada

  • Elemento de lista
  • Otro elemento
  • Y otro elemento más

Lista anidada

  • Fruta
    • Manzana
    • Naranja
    • Plátano
  • Lácteos
    • Leche
    • Queso

Otros elementos — abbr, sub, sup, kbd, mark

GIF es un formato de imagen de mapa de bits.

H2O

Xn + Yn = Zn

Presiona CTRL+ALT+Supr para terminar la sesión.

La mayoría de las salamandras son nocturnas y cazan insectos, gusanos y otras pequeñas criaturas.

Imágenes

Además del [Shortcode Figure]({{< ref "../../docs/shortcodes#figure" >}}), puedes definir imágenes usando la siguiente sintaxis Markdown:

![Texto alternativo](image.jpg "Pie de imagen")

Texto alternativo

También puedes aprovechar los 'atributos Markdown' de Hugo para agregar atributos personalizados al elemento HTML creado. Por ejemplo, para establecer el ancho de una imagen al 50%:

![Texto alternativo](image.jpg "Pie de imagen")
{style="width:50%;"}

Texto alternativo {style="width:50%;"}

Ten en cuenta que la función de 'atributos Markdown' requiere configuración del renderizador Goldmark. Consulta la documentación de Hugo para más información.


  1. La cita anterior es un extracto de la charla sobre nada de Rob Pike durante Gopherfest, el 18 de noviembre de 2015. ↩︎