<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Metablog | Infinitos Contrastes</title><link>https://imalexissaez.github.io/tags/metablog/</link><atom:link href="https://imalexissaez.github.io/tags/metablog/index.xml" rel="self" type="application/rss+xml"/><description>Metablog</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>es</language><lastBuildDate>Thu, 05 Jul 2018 00:00:00 +0000</lastBuildDate><image><url>https://imalexissaez.github.io/media/icon_hu_f9a010db42001f4b.png</url><title>Metablog</title><link>https://imalexissaez.github.io/tags/metablog/</link></image><item><title>Preparando el equipo para Hugo</title><link>https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/</link><pubDate>Thu, 05 Jul 2018 00:00:00 +0000</pubDate><guid>https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/</guid><description>&lt;p&gt;Antes de lanzarnos, sin más, a generar sitios web con &lt;em&gt;Hugo&lt;/em&gt;, conviene que
instalemos una serie de herramientas que nos facilitarán la vida: un sistema de
control de versiones (&lt;em&gt;Git + GitHub&lt;/em&gt;) y un editor de texto plano (&lt;em&gt;Sublime Text
3&lt;/em&gt;).&lt;/p&gt;
&lt;p&gt;Tal es el propósito de esta primera entrada, catalogada bajo la etiqueta
, que agrupará una serie de artículos que
documentarán todo el proceso de instalación de &lt;em&gt;Hugo&lt;/em&gt;, el de la creación del
propio sitio web empleando dicho generador y el de la personalización de la
plantilla que actualmente estoy utilizando:
.&lt;/p&gt;
&lt;h3 id="1-git"&gt;1. Git&lt;/h3&gt;
&lt;p&gt;El sistema de control de versiones al que personalmente estoy acostumbrado es
&lt;em&gt;Git&lt;/em&gt;, en cuya
podemos encontrar una
impresionante cantidad de información de interés. Si es la primera vez que
escuchas hablar de &lt;em&gt;Git&lt;/em&gt; o, en general, de los sistemas de control de versiones,
quizá te resulte útil echar un vistazo a su
.&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;
&lt;img alt="Página oficial de Git."
srcset="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img01_hu_47d07505bfd1d4df.webp 320w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img01_hu_f86780538023fc5f.webp 480w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img01_hu_db036cc6baaa29a8.webp 760w"
sizes="(max-width: 480px) 100vw, (max-width: 768px) 90vw, (max-width: 1024px) 80vw, 760px"
src="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img01_hu_47d07505bfd1d4df.webp"
width="760"
height="497"
loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;La instalación de &lt;em&gt;Git&lt;/em&gt; en &lt;em&gt;Windows&lt;/em&gt; no podría ser más sencilla. Hacemos clic en
y automáticamente se descargará
la versión más reciente de &lt;em&gt;Git&lt;/em&gt; (&lt;code&gt;2.18.0&lt;/code&gt; a la hora de escribir estas líneas).&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;
&lt;img alt="Página de descarga de Git."
srcset="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img02_hu_a15de29def3e6251.webp 320w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img02_hu_22815ab68c948b46.webp 480w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img02_hu_9797a2a1e80827d1.webp 760w"
sizes="(max-width: 480px) 100vw, (max-width: 768px) 90vw, (max-width: 1024px) 80vw, 760px"
src="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img02_hu_a15de29def3e6251.webp"
width="760"
height="498"
loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;Una vez se haya completado la descarga, ejecutamos el archivo e instalamos el
programa. Durante el proceso de instalación tenemos que escoger en varios
momentos entre distintas opciones. A este respecto, he de comentar que las que
vienen marcadas por defecto me parecen adecuadas para una primera toma de
contacto con &lt;em&gt;Git&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Al completar la instalación tenemos, además, acceso a una terminal de sistema,
&lt;em&gt;Git Bash&lt;/em&gt;, que personalmente es la que utilizo. Si bien es cierto que tenemos
que emplear algunos comandos distintos a los podemos encontrar en la que por
defecto acompaña a &lt;em&gt;Windows&lt;/em&gt;, es fácil llevar a cabo la transición de una
terminal a otra (puede resultar de ayuda este
).&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;
&lt;img alt="La terminal Git Bash en acción."
srcset="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img03_hu_83cd376904d32b43.webp 320w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img03_hu_1656daee785c8d24.webp 480w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img03_hu_3edc09100961b4b0.webp 580w"
sizes="(max-width: 480px) 100vw, (max-width: 768px) 90vw, (max-width: 1024px) 80vw, 760px"
src="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img03_hu_83cd376904d32b43.webp"
width="580"
height="370"
loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="2-github"&gt;2. GitHub&lt;/h3&gt;
&lt;p&gt;&lt;em&gt;GitHub&lt;/em&gt; es una plataforma de desarrollo colaborativo utilizada para almacenar
proyectos empleando el sistema de control de versiones &lt;em&gt;Git&lt;/em&gt;. Podemos encontrar
más información en su
. Al igual que antes, si
es la primera vez que accedes a esta plataforma, convendría que le dedicases
unos minutos al tutorial &lt;em&gt;Hello World&lt;/em&gt;, disponible en
.&lt;/p&gt;
&lt;p&gt;Utilizaremos este portal para subir los archivos fuente que permitirán generar
el sitio web, así como para alojar el propio sitio web en sí. Únicamente
necesitaremos crear una cuenta de usuario para ello.&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;
&lt;img alt="Página oficial de GitHub."
srcset="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img04_hu_f193df9bcd18952e.webp 320w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img04_hu_2aa1a100a8524f9f.webp 480w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img04_hu_967bbdf5410027da.webp 760w"
sizes="(max-width: 480px) 100vw, (max-width: 768px) 90vw, (max-width: 1024px) 80vw, 760px"
src="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img04_hu_f193df9bcd18952e.webp"
width="760"
height="364"
loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="3-sublime-text-3"&gt;3. Sublime Text 3&lt;/h3&gt;
&lt;p&gt;El dicho &amp;ldquo;para gustos los colores&amp;rdquo; tendría en este apartado la versión &amp;ldquo;para
gustos los editores de texto plano&amp;rdquo;. En mi caso, los proyectos de programación
que he realizado y todo el trabajo con generadores de web estáticas los he
llevado a cabo, tanto con el antiguo &lt;em&gt;Sublime Text 2&lt;/em&gt;, como con su más reciente
versión: &lt;em&gt;Sublime Text 3&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Este editor de texto plano es bastante potente, rápido y la comunidad puede
extender sus funcionalidades a través de paquetes. Además, su versión &amp;lsquo;&amp;lsquo;de
prueba&amp;rsquo;&amp;rsquo; te permite utilizar la herramienta sin restricción alguna durante un
período de tiempo ilimitado, con la única pega de aparecer un mensaje cada 20 o
30 veces que salvemos cualquier archivo y que te invita a comprar una licencia.&lt;/p&gt;
&lt;p&gt;Nos podemos hacer con él a través de
. Su proceso de instalación es
similar&lt;/p&gt;
&lt;p&gt;
&lt;figure &gt;
&lt;div class="flex justify-center "&gt;
&lt;div class="w-full" &gt;
&lt;img alt="Página de descarga de Sublime Text 3."
srcset="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img05_hu_c1ed9f93cb1c362b.webp 320w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img05_hu_d48e9d98f49cc795.webp 480w, https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img05_hu_cf5bbb96fa195db5.webp 760w"
sizes="(max-width: 480px) 100vw, (max-width: 768px) 90vw, (max-width: 1024px) 80vw, 760px"
src="https://imalexissaez.github.io/blog/preparando-el-equipo-para-hugo/20180705-img05_hu_c1ed9f93cb1c362b.webp"
width="760"
height="395"
loading="lazy" data-zoomable /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;Además de cumplir de manera excelente sus labores a la hora de editar cualquier
archivo de texto plano, &lt;em&gt;Sublime Text 3&lt;/em&gt; me encanta como herramienta para
trabajar con archivos de tipo &lt;em&gt;markdown&lt;/em&gt;, que será el formato que vamos a
emplear para redactar el contenido de nuestro sitio web. En un futuro no muy
lejano tengo pensado escribir un artículo explicando cómo llevar a cabo la
configuración de este programa para lidiar de forma agradable con dicho tipo de
ficheros.&lt;/p&gt;
&lt;p&gt;Y hasta aquí el primer artículo catalogado bajo la etiqueta
, que deja nuestros equipos a punto para proceder a
la instalación de &lt;em&gt;Hugo&lt;/em&gt; y generar un sitio web.&lt;/p&gt;</description></item></channel></rss>