drag & drop
/* Variables de color para fácil modificación */ :root { --main-color: #01af9f; --secondary-color: GreenYellow; --bg-color-one: white; …
Hugo es un framework que permite crear websites estáticos de forma muy rápida.
La comunidad de desarrolladores ha creado multitud de temas que puedes usar de forma gratuita para tu blog personal. Desde la web de Hugo puedes acceder a muchos de ellos y si buscas en internet puedes encontrar muchos más.
Un par de temas que me han gustado:
Se da por supuesto que Hugo está instalado en el equipo.
Crear un nuevo sitio con Hugo
hugo new site [path] [flags]
Crear un nuevo post
hugo new posts/primer-post.md
Arrancar servidor
// Desde la terminal, y situado en la carpeta del proyecto:
hugo server
Generar sitio
hugo;
Goldmark ¡Ojo con esto!
Hugo utiliza una biblioteca para renderizar Markdown denominada Goldmark. Por defecto, el parámetro unsafe de goldmark vale false. Esto implica que Goldmark no procesa HTML. Para activarlo, desde el fichero config.toml haga lo siguiente:
[markup.goldmark.renderer]
unsafe= true
Ahora sí se renderizarán los enlaces e imágenes que incluyas en tus ficheros markdown.
/* Variables de color para fácil modificación */ :root { --main-color: #01af9f; --secondary-color: GreenYellow; --bg-color-one: white; …
select { background-color: lightgreen; } #tabla-caracteres { margin-top:1em; padding: 1em; background-color: whitesmoke; } .caracter { display: …