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#
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <title>Example HTML5 Document</title>
6</head>
7<body>
8 <p>Test</p>
9</body>
10</html>Tipos de listas#
Lista ordenada#
- Primer elemento
- Segundo elemento
- 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, puedes definir imágenes usando la siguiente sintaxis Markdown:
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%:
{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.
La cita anterior es un extracto de la charla
sobrenada de Rob Pike durante Gopherfest, el 18 de noviembre de 2015. ↩︎
