Hugo

Hace más de dos años desde que visité mi ultimo vértice geodésico. Durante todo este tiempo el proyecto que empecé en el ya lejano 2008 lo he tenido aparcado por unos cuantos motivos…

Actualización: Hace un tiempo ya me encontré con este mismo problema, ahora me ocurre que, tras actualizar el tema (Mainroad) en la web desarrollada en Hugo no aparece la imagen de la tarjeta que Twitter genera al enlazar un post de la web en un Tweet.

Por defecto, el tema Mainroad que utilizo para la creación de este blog tiene la capacidad de mostrar varias redes sociales del autor. Aquí muestro la forma que yo he utilizado para añadir nuevas redes al margen de las preestablecidas.

Cuando no eres un programador avanzado cualquier advertencia o fallo en el momento de la compilación en la fase de producción puede ser un fuerte dolor de cabeza, la función “.Hugo” parece que va a caer en desuso, a ver como puedo apañarlo…

Ya hace unos días que le he cogido la medida al uso de Hugo como plataforma de1 creación de contenido para mi web y ahora, con cierta perspectiva voy a intentar explicar los tres conceptos fundamentales sobre Hugo a modo de introducción, que es, que hace y como funciona.

Que es Hugo?

Atendiendo a la prensa definición que podemos encontrar en su web oficial, Hugo es un entorno de desarrollo para la creación de páginas web estáticas, sin base de datos ni php.

Uno de los problemas con los que me he encontrado recientemente en la edición de la web es la modificación del css para reducir un poco el tamaño de la imagen de cabecera dentro de cada post (Thumbnail) para el tema Mainroad

La hoja de estilos del tema está ubicada en “/themes/mainroad/static/css/style.css” y en ella podemos encontrar la clase que hace referencia a esta imagen de cabecera del post.

.post__thumbnail img {
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

Editando la propiedad “width” podemos reducir directamente el tamaño de la imagen y aparentemente ya hemos conseguido el objetivo que buscábamos pero…

Publicar solo con el editor de texto

Hace un tiempo que estoy intentando escribir en Markdown y para WordPress he estado utilizando el Plugin Wp-MarkDown que me ha permitido realizar la maquetación del post directamente en Markdown. Una vez que he dejado atrás WordPress en favor de Hugo uno de mis objetivos de los últimos meses ha sido poder publicar en el blog simplemente usando un editor de texto.

Pues bien, no sin algo de esfuerzo, al final lo he conseguido. Gracias a Hugo cómo CMS este post que ahora estoy escribiendo lo puedo publicar en mi blog de una forma rápida y sencilla en Markdown directamente desde la aplicación iaWritter.

El problema

Llevo unos días adentrándome en el maravilloso mundo de Github del que hace un mes no tenía más idea que el de su mera existencia. En fin, pruebas y pruebas en las que estoy hasta el gorro de tener que introducir cada vez el nombre de usuario y contraseña cuando modifico los repositorios a través de ssh.

La solución

Antes de nada nombrar que me conecto a Github a través de la Raspberry Pi en la que tengo alojada mi web y otros servicios. Nada de ratón ni interface gráfica, solo comandos de texto a través de la terminal cuando lo hago en Linux o con Putty cuando trabajo desde Windows.