Markdown y estilo
Jake G mayo 15, 2022 #Features #MarkdownEste artículo ofrece una muestra de la sintaxis básica de Markdown que puede utilizarse en los archivos de contenido de Zola, también muestra si los elementos HTML básicos se decoran con CSS en un tema de Zola.
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.
Blockquotes
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.
Blockquote sin atribución
Tiam, ad mint andaepu dandae nostion secatur sequo quae. Tenga en cuenta que puede utilizar la sintaxis Markdown dentro de un blockquote.
Blockquote atribución
No comuniques compartiendo memoria, comparte memoria comunicando.
— Rob Pike[^1]
Todos los hombres desean saber por naturaleza.
― Aristotle[^2]
El poder surge como respuesta a una necesidad, no a un deseo.
— Goku
Adapta lo que es útil, rechaza lo que es inútil y añade lo que es específicamente tuyo.
— Bruce Lee
Tablas
Las tablas no forman parte de las especificaciones básicas de Markdown, pero Zola las soporta desde el principio.
| Nombre | Edad |
|---|---|
| Alice | 23 |
| Bob | 27 |
| Cody | 33 |
| John | 59 |
| Kerry | 23 |
Tabla Inline Markdown
| Cursiva | Negrita | Código | Tachado |
|---|---|---|---|
| cursiva | negrita | code |
Tabla grande dentro de una figura
Rodee las tablas muy grandes con <figure></figure> para que puedan desplazarse horizontalmente.
| Fabricante | Volkswagen | Toyota | Ford | Honda | Chevrolet | BMW | Hyundai | Audi | Nissan | Kia | Mercedes | Tesla | Mitsubishi | Suzuki | Volvo | Subaru | Mazda | Jaguar | Buick | Lexus | GMC | Porsche | Cadillac |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Ingresos $B | $254 | $249 | $127 | $124 | $123 | $113 | $88 | $83 | $74 | $61 | $55 | $54 | $38 | $31 | $30 | $28 | $27 | $22 | $21 | $19 | $17 | $16 | $12 |
valores de ingresos encontrados en el motor de búsqueda y no verificados, sólo para fines de demostración de la tabla de desplazamiento de figuras.
Texto plegable
Title 1
IT'S A SECRET TO EVERYBODY.
Title 2
Stay awhile, and listen!
Bloques de código
Bloques de código.. ❤️ con resaltado automático de sintaxis ✨
Consulte las opciones en la documentación.
Bloque de código con backticks
<!doctype html>
Ejemplo de documento HTML5
Prueba
Números de línea, destacados
1 <!doctype html>
2
3
4
5 Ejemplo de documento HTML5
6
7
8 Prueba
9
10
Bloque de código en línea
Si queremos, también podemos specify inline code que es útil para the small stuff.
Tipos de lista
Lista ordenada
- Primer elemento
- Segundo elemento
- Tercer elemento
Lista desordenada
- Elemento de lista
- Otro elemento
- Y otro elemento
Lista anidada
- Fruta
- Manzana
- Naranja
- Plátano
- Lácteos
- Leche
- Queso
Otros elementos - abbr, sub, sup, kbd, mark, link
GIF es un formato de imagen de mapa de bits.
H2O
Xn + Yn = Zn
Pulse CTRL+ALT+Supr para finalizar la sesión.
La mayoría de las salamandras son nocturnas y cazan insectos, gusanos y otras criaturas pequeñas.
[^1]: La cita anterior es un extracto de la charla de Rob Pike durante el Gopherfest, el 18 de noviembre de 2015.
[^2]: La cita es la primera frase de la Metafísica de Aristóteles.
Navegadores
Menú principal del sitio se crea mediante la anidación de la nav bajo una etiqueta de encabezado. Consulte la parte superior de este sitio para ver un ejemplo. La navegación es adaptativa, reduzca el ancho de la página para verla en acción.