Sergio I. Mota

Blog donde podrás encontrar publicaciones, código, notebooks, tutoriales y mucho más, todo sobre ciencia de la computación.

20 Jul 2021

Sintaxis de Markdown para Hugo

Este artícilo ofrece una introducción a la sintaxis del soporte que ofrece Hugo1 en cuestión de Markdown y HTML.

Encabezados

Las siguientes etiquetas de HTML <h1><h6> representan los encabezados, los cuales tienen seis tamaños, <h1> es el tamaño más grande, mientras <h6> es el más chico.

H1

H2

H3

H4

H5
H6

Párrafo

Para insertar un párrafo solamente es necesario escribir directamente.

Bloque de Citas

El bloque de citas es un elemento que contiene citas provenientes de otras fuentes, opcionalmente las citas pueden ser pie de página o referencia.

Bloque de cita sin atribución

Nota que puedes usar Sintaxis Markdown dentro de un bloque de citas.

Bloque de cita sin atribución

“El conocimiento es solo una de las representaciones de la existencia.” — José Vasconcelos2

Tablas

Las tablas no son parte del core de Markdown. pero Hugo lo soporta.

Nombre Edad
Juan 27
Alicia 23

Se puede ocupar Markdown dentro de las tablas

Inline Markdown In Table
italics bold strikethrough code

Bloques de Código

Bloque de código con comillas invertidas

html
<!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 mediante identación de 4 espacios

<!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 resaltadores de Hugo

<!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

Listas Ordenadas

  1. Primero
  2. Segundo
  3. Tercero

Lista sin orden

  • Elemento de la lista
  • Otro elemento de la lista
  • Y otro elemento de la lista

Listas anidadas

  • Elemento
  1. Primer sub elemento
  2. Segundo sub elemento

  1. Hugo es uno de los más populares generadores de sitos estáticos open_source, cuenta con rapidez y flexibilidad. El presente blog está basado en Hugo. ↩︎

  2. José Vasconcelos fue un abogado, político, escritor, educador, funcionario público y filósofo mexicano. ↩︎