Sitios web con Hugo

Jueves 5 de julio de 11 am a 2 pm
ejemplo de plantilla homepage en Hugo
ejemplo de plantilla homepage en Hugo

Tras otro pequeño paréntesis, retomamos las sesiones los jueves de 11 a 14 horas en el MiniLAB A (primera planta). Después de haber trabajado con Hexo (nodejs) para realizar webs, nos pasamos a Hugo, un framework para construir webs basado en Golang, con muchos temas, que se ha hecho muy

Algunas cosas que hemos hecho en sesiones anteriores:

  • Depurar la configuración de Emacs con Quelpa para poder instalar paquetes cómodamente.
  • Repaso de BASH para el uso diario.
  • Resolver dudas en el combate Org-mode VS Markdown
  • Configurar un tema en Hexo.
  • Compartir el archivo de configuración de Emacs al estilo programación literaria.
  • Herramientas de conversión de PDF a texto en bash.
  • Instalación de google-translate.el en Emacs.

Hugo

Podemos seguir la guía de instalación de Hugo de su página web:

Instalación

En MacOS, puedes intalarlo con Homebrew:

brew install hugo

En Windows, con Chocolatey:

choco install hugo -confirm

Y en Linux, con snap…

snap install hugo

O apt en Debian y Ubuntu:

sudo apt install hugo

Para otros métodos, mira en la página de instalación.

Empezar un blog con hugo

Para empezar, creamos un blog. Asegúrate de situarte en el directorio que quieres estar.

hugo new site nombre-site

Esto crea la estructura de blogs:

. ├── archetypes ├── config.toml ├── content ├── data ├── layouts ├── static └── themes

Ahora tenemos que elegir un tema.

Temas

Al contrario que otros sistemas, Hugo no viene con un tema predeterminado. Los temas de la comunidad se encuentran en themes.gohugo.io, en el repositorio hugoThemes.

Para instalar los temas de Hugo según estas instrucciones necesitas tener instalado git. Si no lo tienes y no lo conoces, puedes aprender en github o codeacademy.

Si quieres instalar todos los temas, puedes hacerlo de una vez con:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

La opción --depth 1 es para que solo se baje la versión más actualizada y la opción --recursive para que se baje recursivamente el directorio. Una vez que lo descargas, puedes borrar el directorio .git.

Instalar tema

Vamos a la carpeta themes y ahí clonamos el tema seleccionado. Si quisiéramos el tema hyde:

git clone https://github.com/spf13/hyde.git

Para cambiar el tema por la línea de comandos, se puede hacer con:

hugo server -t nombre-tema

O bien en el archivo de configuración config.toml:

theme: nombre-tema

Importante: el nombre del tema es el nombre del directorio del tema en la carpeta themes

Notas sobre GoLang en Windows

Para que funcione en Cygwin, hay que tocar un poco:

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

Temas

  • Hyde

    Una de las características de este tema es base16.

Materiales:
Portátil, Libreta y bolis

Sesiones de la actividad

La actividad está finalizada
Tipo de actividad:
Reunión grupo de trabajo
Etiquetas:
#emacs, org-mode, hexo, bash, cygwin, terminal, localhost, web, yml, ejs