{"id":3885,"date":"2020-11-26T13:01:41","date_gmt":"2020-11-26T12:01:41","guid":{"rendered":"https:\/\/esferas.org\/msqlu\/?p=3885"},"modified":"2020-11-26T13:05:53","modified_gmt":"2020-11-26T12:05:53","slug":"una-pagina-estatica-con-hugo","status":"publish","type":"post","link":"https:\/\/esferas.org\/msqlu\/2020\/11\/26\/una-pagina-estatica-con-hugo\/","title":{"rendered":"Una p\u00e1gina est\u00e1tica con hugo"},"content":{"rendered":"<div class='__iawmlf-post-loop-links' style='display:none;' data-iawmlf-post-links='[{&quot;id&quot;:210,&quot;href&quot;:&quot;https:\\\/\\\/gethugo.io&quot;,&quot;archived_href&quot;:&quot;&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:211,&quot;href&quot;:&quot;https:\\\/\\\/itsfoss.com\\\/open-source-static-site-generators&quot;,&quot;archived_href&quot;:&quot;https:\\\/\\\/web-wp.archive.org\\\/web\\\/20260415110443\\\/https:\\\/\\\/itsfoss.com\\\/open-source-static-site-generators\\\/&quot;,&quot;redirect_href&quot;:&quot;https:\\\/\\\/itsfoss.com\\\/open-source-static-site-generators\\\/&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:212,&quot;href&quot;:&quot;https:\\\/\\\/themes.gohugo.io&quot;,&quot;archived_href&quot;:&quot;https:\\\/\\\/web-wp.archive.org\\\/web\\\/20260415110446\\\/https:\\\/\\\/themes.gohugo.io\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:213,&quot;href&quot;:&quot;https:\\\/\\\/github.com\\\/gesquive\\\/slate&quot;,&quot;archived_href&quot;:&quot;https:\\\/\\\/web-wp.archive.org\\\/web\\\/20260415112102\\\/https:\\\/\\\/github.com\\\/gesquive\\\/slate&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:199,&quot;href&quot;:&quot;https:\\\/\\\/fontawesome.com&quot;,&quot;archived_href&quot;:&quot;https:\\\/\\\/web-wp.archive.org\\\/web\\\/20260413193413\\\/https:\\\/\\\/fontawesome.com\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2026-04-15 10:59:44&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-19 09:20:44&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-19 09:20:44&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:214,&quot;href&quot;:&quot;https:\\\/\\\/forkaweso.me\\\/Fork-Awesome&quot;,&quot;archived_href&quot;:&quot;https:\\\/\\\/web-wp.archive.org\\\/web\\\/20260411170010\\\/https:\\\/\\\/forkaweso.me\\\/Fork-Awesome\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2026-04-15 11:01:11&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-15 11:01:11&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;}]'><\/div>\n<p>Enfrentado al problema de crear varias p\u00e1ginas de tipo <em>marcaci\u00f3n r\u00e1pida<\/em> en diversos servidores he encontrado en el programa <a href=\"https:\/\/gethugo.io\">Hugo<\/a> una herramienta magn\u00edfica.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Todo vino a ra\u00edz de un art\u00edculo en itsfoss.org llamado <a rel=\"noreferrer noopener\" href=\"https:\/\/itsfoss.com\/open-source-static-site-generators\/\" target=\"_blank\">10 Open Source Static Site Generators to Create Fast and Resource-Friendly Websites<\/a>. En \u00e9l se habla de lo que son las p\u00e1ginas est\u00e1ticas y  varias herramientas dise\u00f1adas expresamente para ello. Hugo me llam\u00f3 la atenci\u00f3n porque est\u00e1 escrito en Go, un lenguaje del que me gustar\u00eda aprender m\u00e1s, y por que su gu\u00eda de inicio r\u00e1pido era realmente r\u00e1pida. As\u00ed que lo prob\u00e9. <\/p>\n\n\n\n<p>Debian tiene Hugo empaquetado por lo que instalarlo ha sido muy sencillo. Elegir y descargar uno de <a rel=\"noreferrer noopener\" href=\"https:\/\/themes.gohugo.io\" target=\"_blank\">sus temas<\/a> tambi\u00e9n. Y luego construir el sitio rid\u00edculamente f\u00e1cil. Un poco demasiado quiz\u00e1s. <\/p>\n\n\n\n<p>El tema que he elegido se llama <a href=\"https:\/\/github.com\/gesquive\/slate\" target=\"_blank\" rel=\"noreferrer noopener\">slate<\/a> y est\u00e1 dise\u00f1ado como p\u00e1gina de <em>marcaci\u00f3n r\u00e1pida<\/em> (<em>speed dial page<\/em>) que era justo lo que yo necesitaba para estrenar un servicio reunido bajo un URL concreto: <em>https:\/\/backdoor.empresa.net<\/em>, que permitir\u00e1 ir a todas esas aplicaciones web que ayudan en la administraci\u00f3n del sistema: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Servidor de impresi\u00f3n CUPS<\/li><li>Servicio de copias de seguridad (BackupPC)<\/li><li>Administraci\u00f3n del directorio LDAP (phpmyadmin)<\/li><li>B\u00fasqueda en documentaci\u00f3n instalada (dwww)<\/li><li>&#8230;<\/li><\/ul>\n\n\n\n<p>Una de las cosas que me ha sorprendido ha sido que el tema emplea <a rel=\"noreferrer noopener\" href=\"https:\/\/fontawesome.com\/\" target=\"_blank\">Font Awesome<\/a>, un juego de iconos y logos vectoriales de buena factura y que ni siquiera conoc\u00eda y que estaba buscando para otros proyectos de documentaci\u00f3n. Como no es libre he intentado encontrar una alternativa y, mira por d\u00f3nde, resulta que existe. Se llama <a rel=\"noreferrer noopener\" href=\"https:\/\/forkaweso.me\/Fork-Awesome\/\" target=\"_blank\">Fork Awesome<\/a> y no es tan completo como el original pero es m\u00e1s que suficiente para lo que pretendo. Tiene incluso un CDN del que tirar o la opci\u00f3n de instal\u00e1rtelo en tu proyecto y acarrearlo para servirlo desde tu propia m\u00e1quina. Es la mejor opci\u00f3n desde mi punto de vista: noo tener dependencias externas de contenido en tiempo de ejecuci\u00f3n. Al final el servicio se interrumpe por lo que sea y ya la tenemos liada. <\/p>\n\n\n\n<p>Las im\u00e1genes que emplea el tema est\u00e1n en formato vectorial. Me parec\u00eda un poco demasiado hasta que le he visto en acci\u00f3n. Ampliar o reducir la vista o cambiar el tama\u00f1o de la pantalla del navegador hace que se sigan viendo igual de bien. <\/p>\n\n\n\n<p>Para convertir las im\u00e1genes a SVG estoy empleando el programa <em>Inkscape<\/em> a mano. Mas adelante intentar\u00e9 automatizarlo porque en realidad s\u00f3lo empleo una opci\u00f3n concreta: grupo de trayectos por colores.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/image-11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"483\" src=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/image-11.png\" alt=\"\" class=\"wp-image-3951\" srcset=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/image-11.png 780w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/image-11-300x186.png 300w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/image-11-768x476.png 768w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/a><figcaption>Vectorizando una imagen promocional de un NAS de TerraMaster<\/figcaption><\/figure><\/div>\n\n\n\n<p>As\u00ed que la p\u00e1gina ha quedado bastante conseguida a pesar de que hay cosas que no est\u00e1n terminadas, pero me ha servido de aprendizaje para escalar la idea y completar otros sitios. <\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/esferas.org\/msqlu\/2020\/11\/26\/una-pagina-estatica-con-hugo\/screenshot_2020-11-26-accesos-administrativos1-2\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos1-1-1024x471.png\" alt=\"\" data-id=\"3964\" data-full-url=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos1-1.png\" data-link=\"https:\/\/esferas.org\/msqlu\/2020\/11\/26\/una-pagina-estatica-con-hugo\/screenshot_2020-11-26-accesos-administrativos1-2\/\" class=\"wp-image-3964\" srcset=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos1-1-1024x471.png 1024w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos1-1-300x138.png 300w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos1-1-768x354.png 768w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos1-1-1536x707.png 1536w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos1-1-1200x553.png 1200w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos1-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/esferas.org\/msqlu\/2020\/11\/26\/una-pagina-estatica-con-hugo\/screenshot_2020-11-26-accesos-administrativos2-2\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos2-1-1024x472.png\" alt=\"\" data-id=\"3963\" data-full-url=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos2-1.png\" data-link=\"https:\/\/esferas.org\/msqlu\/2020\/11\/26\/una-pagina-estatica-con-hugo\/screenshot_2020-11-26-accesos-administrativos2-2\/\" class=\"wp-image-3963\" srcset=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos2-1-1024x472.png 1024w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos2-1-300x138.png 300w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos2-1-768x354.png 768w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos2-1-1200x553.png 1200w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos2-1.png 1216w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/esferas.org\/msqlu\/2020\/11\/26\/una-pagina-estatica-con-hugo\/screenshot_2020-11-26-accesos-administrativos\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos-1024x527.png\" alt=\"\" data-id=\"3958\" data-full-url=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos.png\" data-link=\"https:\/\/esferas.org\/msqlu\/2020\/11\/26\/una-pagina-estatica-con-hugo\/screenshot_2020-11-26-accesos-administrativos\/\" class=\"wp-image-3958\" srcset=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos-1024x527.png 1024w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos-300x154.png 300w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos-768x396.png 768w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos-1200x618.png 1200w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2020\/11\/Screenshot_2020-11-26-Accesos-administrativos.png 1367w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Todos<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enfrentado al problema de crear varias p\u00e1ginas de tipo marcaci\u00f3n r\u00e1pida en diversos servidores he encontrado en el programa Hugo una herramienta magn\u00edfica.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","webmentions_disabled_pings":false,"webmentions_disabled":false,"footnotes":""},"categories":[14],"tags":[1065,1066,1069,1064,1067,667,1068],"class_list":["post-3885","post","type-post","status-publish","format-standard","hentry","category-internet","tag-font-awesome","tag-fork-awesome","tag-go","tag-hugo","tag-itsfoss-org","tag-paginas-web","tag-speed-dial"],"_links":{"self":[{"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/posts\/3885","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/comments?post=3885"}],"version-history":[{"count":8,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/posts\/3885\/revisions"}],"predecessor-version":[{"id":3967,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/posts\/3885\/revisions\/3967"}],"wp:attachment":[{"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/media?parent=3885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/categories?post=3885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/tags?post=3885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}