> Canales > # Hugo

Eventos anteriores en #Hugo

Iniciación a Hugo

En este vídeo te ofrecemos una iniciación a Hugo. Veremos cómo comenzar a usar el framework de generación de sitios estáticos.

A lo largo del vídeo aprenderas todo lo más básico que necesitas saber para construir un sitio con Hugo:

  • Instalar el framework
  • Instalar un theme de Hugo
  • Crear contenido
  • Usar las variables de configuración del sitio
  • Lanzar el servidor de desarrollo
  • Generar los archivos estáticos para producir el sitio
  • Publicar el sitio web en GitHub Pages.

Este proceso se encuentra además explicado en el Artículo inicial del manual de Hugo.

Adaptación de un theme de Hugo

En este segundo vídeo de Hugo aprenderás a adaptar un tema que has instalado en tu sitio web Hugo.

Durante el vídeo aprenderas a sobreescribir los layouts de un tema, configurar imágenes en tu sitio, como el logotipo de la web, cambiar el index, los iconos de la aplicación y muchas otras cosas.

Por supuesto también te enseñaremos a cambiar el CSS para alterar el diseño del sitio.

Estos pasos los tienes descritos en el artículo de Personalización de Hugo.

Crear layouts con Hugo

Cómo crear unas plantillas personalizadas para tu sitio, desde cero. Con este conocimiento puedes hacer tus propios diseños de Hugo sin necesidad de basarte en Themes creados por otras personas.

En este vídeo mostramos qué son los layouts de Hugo y cómo crear tu primer layout "baseof" que es el layout principal sobre el que se basan los otros templates que tengamos en el sitio.

Este conocimiento te servirá para crear diseños desde cero en Hugo, pero también para saber cómo se organiza el sistema de layouts de Hugo, para que puedas redefinir los themes que puedas instalar en tu sitio web generado con este framework.

Layouts principales de Hugo

En este vídeo aprenderás a generar los templates más importantes que se usan en todos los sitios desarrollados con Hugo, como son el layout Single y el layout List.

En este vídeo seguimos abordando el tema de los layouts de Hugo, explicando cómo podemos crear los dos tipos de layouts que tenemos en un sitio: Single y List.

Estos dos layouts se pueden crear con base al template baseof, que aprendimos a generar en el anterior vídeo. En el vídeo te mostraremos cómo hacerlo.

Otros canales

Accede a otros canales de vídeos en directo de DesarrolloWeb.com:

Angular Diseño Programación Laravel Javascript Sistemas WordPress Polymer NodeJS Workflow Frontend LitElement Photoshop Hugo Freelance PHP