https://metrosetenta.es/tags/hugo/ Recent content in Hugo on metroSetenta Hugo en-us Thu, 29 Aug 2024 12:53:12 +0200 https://metrosetenta.es/blog/hugo-y-el-buscador-presentando-el-widget-de-busqueda/ Sat, 23 May 2020 19:42:04 +0200 https://metrosetenta.es/blog/hugo-y-el-buscador-presentando-el-widget-de-busqueda/ <p>Como ya te expliqué en <a href="https://metrosetenta.es/blog/sobre-categorias-y-etiquetas/">este</a> artículo, al retomar este blog quería mejorar la navegación y, para ello, decidí implementar un buscador que permitiera localizar contenido de la manera más eficaz posible. El tema con el que está generado el blog, <a href="https://github.com/Vimux/Mainroad/">Mainroad</a>, incluye la posibilidad de renderizar un buscador en la barra lateral con un sencillo ajuste en el archivo de configuración de Hugo, config.toml.</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-Toml" data-lang="Toml"><span style="display:flex;"><span>[<span style="color:#a6e22e">Params</span>.<span style="color:#a6e22e">sidebar</span>] </span></span><span style="display:flex;"><span> <span style="color:#75715e"># Enable widgets in given order</span> </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">widgets</span> = [<span style="color:#e6db74">&#34;image&#34;</span>, <span style="color:#e6db74">&#34;search&#34;</span>, <span style="color:#e6db74">&#34;categories&#34;</span>] </span></span></code></pre></div><p>La caja de búsqueda es sencilla, me gusta el estilo, pero cuando se visualiza el blog en una pantalla más pequeña la barra lateral que la contiene se muestra debajo de los primeros posts. <strong>Yo prefiero que el buscador esté siempre visible, desde el inicio, para que de este modo se pueda acceder al contenido rápidamente sin tener que navegar a la parte inferior del blog</strong>, así que probé a sacar la caja de búsqueda de la barra lateral y colocarla debajo del título, justo antes del primer artículo. Gracias a que el widget de búsqueda esta escrito en su propio <em>partial</em>, es sencillo probar la caja de búsqueda, en esa ubicación, añadiendo una única línea de código en la plantilla base del blog.</p> https://metrosetenta.es/blog/hugo-generador-de-sitios-estaticos/ Sat, 23 May 2020 18:36:35 +0200 https://metrosetenta.es/blog/hugo-generador-de-sitios-estaticos/ <p><a href="https://gohugo.io/">Hugo</a> se presenta como el constructor de sitios web más rápido del mundo. Está escrito con <a href="https://golang.org/">Go</a> y genera sitios de forma estática con la intención de ofrecer mejor rendimiento, seguridad y facilidad de uso. <strong>Por cada petición que recibe un sitio generado dinámicamente su servidor HTTP crea un nuevo archivo HTML</strong>. Con el tiempo estos generadores de sitios dinámicos comenzaron a almacenar algunas páginas en caché para mejorar el rendimiento. En tanto que <strong>Hugo no genera las páginas dinámicamente, sino que renderiza todos los archivos HTML en tu computadora</strong>, podemos definirlo como un generador de sitios estáticos. Es como si un generador de sitios dinámicos almacenara todas las páginas en caché. Este método te permite revisar todas las páginas en local tal cual serán enviadas al cliente y, además, el servidor HTTP las servirá usándo únicamente una fracción de cómputo y memoria de la que necesitaría un sitio generado dinámicamente.</p>