<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:media="http://search.yahoo.com/mrss/"><channel><title>Github · DacaCode &lt;/&gt;</title><link>https://blog.dacadev.com/tags/github/</link><description>Blog de tecnología, programación y electrónica, para compartir conocimientos, experiencias y tutoriales con este apasionante mundo.</description><generator>Hugo</generator><language>es-CO</language><copyright>Copyright © 2026 DacaDev. All rights reserved.</copyright><lastBuildDate>Mon, 27 May 2024 00:00:00 -0500</lastBuildDate><atom:link href="https://blog.dacadev.com/tags/github/index.xml" rel="self" type="application/rss+xml"/><image><url>https://blog.dacadev.com/images/blog-logo.png</url><title>DacaCode &lt;/&gt;</title><link>https://blog.dacadev.com/</link></image><item><title>GitHub Copilot: Beneficios, Desventajas y Precauciones</title><link>https://blog.dacadev.com/programacion/github-copilot-beneficios-desventajas-precauciones/</link><pubDate>Mon, 27 May 2024 00:00:00 -0500</pubDate><guid>https://blog.dacadev.com/programacion/github-copilot-beneficios-desventajas-precauciones/</guid><dc:creator>Dacadev</dc:creator><category>programación</category><description>Descubre cómo GitHub Copilot puede revolucionar tu forma de programar. Aprende sobre sus funcionalidades, beneficios, desventajas y precauciones en esta guía completa.</description><media:content url="https://blog.dacadev.com/images/programming/github-copilot-beneficios-desventajas-precauciones/banner.jpg" medium="image" type="image/jpeg"/><content:encoded>
&lt;details class="table-of-content "&gt;
 &lt;summary&gt;
 
 Tabla de Contenido
 
 &lt;/summary&gt;
 &lt;nav id="TableOfContents"&gt;
 &lt;ol&gt;
 &lt;li&gt;&lt;a href="#qué-es-github-copilot"&gt;¿Qué es GitHub Copilot?&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#debo-preocuparme-por-el-manejo-de-datos"&gt;¿Debo preocuparme por el manejo de datos?&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#cuáles-son-los-alcances-de-copilot"&gt;¿Cuáles son los alcances de Copilot?&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#es-acertado-copilot-en-sus-predicciones"&gt;¿Es acertado Copilot en sus predicciones?&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#beneficios-de-usar-copilot"&gt;Beneficios de usar Copilot&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#precauciones-y-desventajas-de-copilot"&gt;Precauciones y desventajas de Copilot&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#conclusión"&gt;Conclusión&lt;/a&gt;&lt;/li&gt;
 &lt;/ol&gt;
&lt;/nav&gt;
&lt;/details&gt;





 
 





 


&lt;div class="notice note"&gt;
 &lt;div class="notice-head"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="22" height="22" stroke-width="1.5" stroke="currentColor"&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" /&gt;
 &lt;/svg&gt;
 &lt;p&gt;Note&lt;/p&gt;
 
 &lt;/div&gt;
 &lt;div class="notice-body"&gt;&lt;p&gt;&lt;p&gt;Este artículo nace como una iniciativa para centralizar el conocimiento que he adquirido en el manejo de la herramienta de &lt;strong&gt;GitHub Copilot&lt;/strong&gt; gracias a su uso diario, cursos y consejos que he encontrado en diversos recursos.&lt;/p&gt;
&lt;p&gt;La herramienta la puedes encontrar en el siguiente enlace: &lt;a href="https://github.com/features/copilot"




 target="_blank"
 


&gt;&lt;strong&gt;GitHub Copilot&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;GitHub Copilot&lt;/strong&gt; es una herramienta de inteligencia artificial que nos ofrece toda la potencia de los modelos de lenguaje a gran escala (LLM, por sus siglas en inglés) enfocada específicamente en el campo del desarrollo de software y programación. Es una herramienta que ha revolucionado la manera de escribir código y aún tiene mucho más por aportar. Veamos algunas de sus funcionalidades y beneficios, así como desventajas y riesgos de usar esta herramienta.&lt;/p&gt;
&lt;h2 id="qué-es-github-copilot"&gt;¿Qué es GitHub Copilot?&lt;/h2&gt;
&lt;p&gt;Mi definición de lo que es &lt;strong&gt;Copilot&lt;/strong&gt; sería:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;GitHub Copilot&lt;/strong&gt; es una herramienta de programación de pair programming que extiende las habilidades de los desarrolladores permitiendo enfocarse en el diseño, delegando la “carpintería” al copiloto.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Adicionalmente, si queremos ser un poco más técnicos al respecto y definir qué es &lt;strong&gt;Copilot&lt;/strong&gt; técnicamente, debemos decir que &lt;strong&gt;Copilot&lt;/strong&gt; trabaja sobre las mismas bases de los LLMs como ChatGPT, con la salvedad de que fue afinado para que su enfoque sea 100% en la escritura de código.&lt;/p&gt;
&lt;p&gt;Los datos usados para ajustar el modelo que alimenta a &lt;strong&gt;GitHub Copilot&lt;/strong&gt; fueron todos los repositorios públicos que se encuentran en GitHub, siendo esta la plataforma más usada para alojar proyectos alrededor del mundo. Esto significa que el conjunto de datos de entrenamiento es inmenso y muy completo.&lt;/p&gt;
&lt;p&gt;Por último, como &lt;strong&gt;Copilot&lt;/strong&gt; está basado en la tecnología de los LLMs, en general lo que busca es predecir, a partir de probabilidades, cuál sería el código que seguiría a medida que vas escribiendo.&lt;/p&gt;
&lt;h2 id="debo-preocuparme-por-el-manejo-de-datos"&gt;¿Debo preocuparme por el manejo de datos?&lt;/h2&gt;
&lt;p&gt;Una de las principales dudas al momento de usar &lt;strong&gt;Copilot&lt;/strong&gt;, incluso podría pensar que la primera duda, es ¿&lt;strong&gt;Copilot&lt;/strong&gt; usará mis datos y mi código para futuras sugerencias? o en palabras más simples ¿&lt;strong&gt;Copilot&lt;/strong&gt; va a robar mi código?&lt;/p&gt;
&lt;p&gt;La respuesta es un NO rotundo. &lt;strong&gt;Copilot&lt;/strong&gt; no usará tu código o el código generado con la herramienta para reentrenar el modelo, ya que, como mencioné antes, esta herramienta solo es entrenada con datos públicos que se obtienen de los repositorios públicos de GitHub.&lt;/p&gt;
&lt;p&gt;Además, el código generado a partir de &lt;strong&gt;Copilot&lt;/strong&gt; no es alojado para realizar una futura realimentación del modelo, por lo que puedes estar seguro de la privacidad de tu código y de tu negocio a fin de cuentas.&lt;/p&gt;




 
 





 


&lt;div class="notice note"&gt;
 &lt;div class="notice-head"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="22" height="22" stroke-width="1.5" stroke="currentColor"&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" /&gt;
 &lt;/svg&gt;
 &lt;p&gt;Note&lt;/p&gt;
 
 &lt;/div&gt;
 &lt;div class="notice-body"&gt;&lt;p&gt;En este punto debo mencionar algo y es la propiedad intelectual. Puede que &lt;strong&gt;Copilot&lt;/strong&gt; no respete la propiedad intelectual si esta es en un repositorio público, por lo que si quieres tener este tipo de protección y a la vez tener un código abierto, es mejor asesorarte.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="cuáles-son-los-alcances-de-copilot"&gt;¿Cuáles son los alcances de Copilot?&lt;/h2&gt;
&lt;p&gt;Como mencionamos antes, &lt;strong&gt;Copilot&lt;/strong&gt; es tu compañero de programación en pareja, esto significa que te ayudará a escribir código brindando sugerencias durante la escritura del mismo, pero aquí puede surgir una pregunta muy importante: &lt;strong&gt;¿Puede Copilot ayudarme sin importar el lenguaje?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;La respuesta a esta pregunta es ambigua, sí y no. Es un sí porque recuerda que el modelo fue entrenado usando todo el código público alojado en GitHub, y entre estos encontramos una diversidad inmensa de lenguajes, frameworks, estilos, prácticas, etc. Sin embargo, también debemos tener en cuenta que los lenguajes más populares como JavaScript o Python son los que más proyectos tienen alojados en GitHub, lo que significa que el modelo aprendió más de estos lenguajes, haciéndolo mucho más eficiente para estos tipos de lenguajes o frameworks.&lt;/p&gt;
&lt;p&gt;Si intentas utilizar &lt;strong&gt;Copilot&lt;/strong&gt; con algún lenguaje que no es tan popular como COBOL, es posible que &lt;strong&gt;Copilot&lt;/strong&gt; no haga un muy buen trabajo, pero lo intentará.&lt;/p&gt;




 
 





 


&lt;div class="notice tip"&gt;
 &lt;div class="notice-head"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="22" height="22"&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z" /&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z" /&gt;
 &lt;/svg&gt;
 &lt;p&gt;Tip&lt;/p&gt;
 
 &lt;/div&gt;
 &lt;div class="notice-body"&gt;&lt;p&gt;Si tienes miedo de que la IA te pueda arrebatar el trabajo, tiene sentido buscar aquello en lo que la IA no es realmente buena&amp;hellip; ¿aún? Esto es solo una opinión que podría ser una buena discusión, ¿qué opinas?&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="es-acertado-copilot-en-sus-predicciones"&gt;¿Es acertado Copilot en sus predicciones?&lt;/h2&gt;
&lt;p&gt;Esta es una pregunta que muchas personas se hacen, sin importar el nivel de experiencia que tengan, y volviendo a retomar la idea de antes, sus predicciones mejorarán a medida que sea usado para escribir código de lenguajes o contextos populares, ya que tendrá más conocimiento de dónde echar mano.&lt;/p&gt;
&lt;p&gt;Dado lo anterior, es MUY IMPORTANTE que tú, como desarrollador, supervises siempre el resultado de &lt;strong&gt;Copilot&lt;/strong&gt;. No importa qué tan sencillo o simple sea, hazlo como una nueva práctica para el uso de esta herramienta ya que &lt;strong&gt;Copilot&lt;/strong&gt; solo predice, no piensa realmente&amp;hellip; ¿aún? 🤔&lt;/p&gt;
&lt;p&gt;Aquí quiero hacer un énfasis que es mandatorio, y es el de la supervisión. Tu responsabilidad como programador es supervisar el resultado de &lt;strong&gt;Copilot&lt;/strong&gt;, y esto se puede hacer eficientemente solamente si:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Conoces la tecnología, lenguaje, frameworks, etc. que &lt;strong&gt;Copilot&lt;/strong&gt; te está ayudando a construir.&lt;/li&gt;
&lt;li&gt;Entiendes lo que estás construyendo y el propósito, la lógica de negocio.&lt;/li&gt;
&lt;li&gt;Entiendes a nivel macro el impacto de tu trabajo, &lt;strong&gt;Copilot&lt;/strong&gt; te ayudará con lo micro.&lt;/li&gt;
&lt;/ul&gt;




 
 





 


&lt;div class="notice tip"&gt;
 &lt;div class="notice-head"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="22" height="22"&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z" /&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z" /&gt;
 &lt;/svg&gt;
 &lt;p&gt;Tip&lt;/p&gt;
 
 &lt;/div&gt;
 &lt;div class="notice-body"&gt;&lt;p&gt;Debes ser siempre consciente de lo que estás construyendo, siempre recuérdalo porque con el uso de &lt;strong&gt;Copilot&lt;/strong&gt; es fácil caer en la tentación de dejar pasar algunas cosas.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="beneficios-de-usar-copilot"&gt;Beneficios de usar Copilot&lt;/h2&gt;
&lt;p&gt;Hablemos ahora de cuáles son los beneficios de usar &lt;strong&gt;Copilot&lt;/strong&gt;. ¡Hay muchos!&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Incrementa la productividad, ya que no gastarás tiempo escribiendo y reescribiendo código, sobre todo si son piezas pequeñas pero tediosas.&lt;/li&gt;
&lt;li&gt;Reduce los errores en el código, aunque debamos supervisar el resultado de &lt;strong&gt;Copilot&lt;/strong&gt;, este siempre nos ayudará a reducir errores comunes como los typos o referencias mal realizadas.&lt;/li&gt;
&lt;li&gt;Permite tener una gran diversidad de código, ya que puedes pedirle a &lt;strong&gt;Copilot&lt;/strong&gt; que te dé no solo una, sino más sugerencias, permitiéndonos ahondar en múltiples estilos o diseños de código.&lt;/li&gt;
&lt;li&gt;Soporta múltiples lenguajes, con mejor rendimiento en unos más que en otros.&lt;/li&gt;
&lt;li&gt;Te permite aprender y desarrollar al mismo tiempo. Cuando &lt;strong&gt;Copilot&lt;/strong&gt; te ayuda a escribir código, puede implementar técnicas o ideas nuevas para ti y te permitirá aprender de ellas. Para ello, debes ser consciente y supervisar el resultado, no confíes 100% en su respuesta. Valida en la documentación o en recursos de confianza.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Copilot&lt;/strong&gt; se ajustará a tu tipo de código. A medida que lo uses, entenderá cuál es el estilo de código en base a lo ya escrito en el proyecto. Tú lo orientas en base a cómo escribas código. Esto significa que si cambias de proyecto y este tiene otras reglas, &lt;strong&gt;Copilot&lt;/strong&gt; se adaptará. Él no aprende de ti.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="precauciones-y-desventajas-de-copilot"&gt;Precauciones y desventajas de Copilot&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Su precisión es variable dependiendo del contexto del prompt y del mismo código que tienes en ese archivo. Esto depende del tiempo de trabajo en el proyecto con &lt;strong&gt;Copilot&lt;/strong&gt;, los archivos abiertos y el código de referencia.&lt;/li&gt;
&lt;li&gt;Riesgos de seguridad potenciales. Debes supervisar el resultado, sobre todo si trabajas con partes sensibles del código como SQL, ORMs, código de lógica de negocio, etc. Valida el código que propone &lt;strong&gt;Copilot&lt;/strong&gt; y, si no lo conocías, valida su uso en la documentación o un recurso de confianza.&lt;/li&gt;
&lt;li&gt;Depender demasiado de la herramienta. Para que esto no suceda, debes conocer bien la tecnología, lenguaje y sistema que estás construyendo, para tener el criterio y confianza de que lo que estás haciendo lo podrías hacer sin ayuda de &lt;strong&gt;Copilot&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Una “desventaja” es que tiene un costo, no tiene opción de uso gratuito o similar, y es más costoso a medida que se implementa en organizaciones. Esto, en algunos casos como personas/empresas que están empezando, puede ser un valor difícil de asumir. Debes tener claro el valor que agrega en el equipo y ese gasto adicional incluirlo en tus cuentas.&lt;/li&gt;
&lt;li&gt;Límite en el contexto de la herramienta. Esta es una desventaja de los LLMs en general y, aunque es algo que está en constante mejora, es muy difícil (por lo menos hasta ahora) incluir todo un proyecto en el contexto de un LLM y adicionalmente compartir qué es lo que se busca hacer. Por lo que para tareas muy grandes con un código fuente enorme, tiende a no ser tan preciso.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="conclusión"&gt;Conclusión&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;GitHub Copilot&lt;/strong&gt; ha revolucionado la forma en que los desarrolladores escriben código, ofreciendo beneficios significativos como el aumento de la productividad y la reducción de errores. Sin embargo, es crucial supervisar sus sugerencias y estar consciente de sus limitaciones y riesgos. A medida que la tecnología avanza, &lt;strong&gt;Copilot&lt;/strong&gt; seguirá mejorando, pero siempre será necesario el criterio humano para garantizar la calidad y la seguridad del código.&lt;/p&gt;




 
 





 


&lt;div class="notice info"&gt;
 &lt;div class="notice-head"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="22" height="22"&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" /&gt;
 &lt;/svg&gt;
 &lt;p&gt;Info&lt;/p&gt;
 
 &lt;/div&gt;
 &lt;div class="notice-body"&gt;&lt;p&gt;Este artículo se actualiza periódicamente conforme evolucionan las funcionalidades de &lt;strong&gt;GitHub Copilot&lt;/strong&gt;. Si tienes experiencias o consejos adicionales, no dudes en compartirlos a través de la &lt;a href="https://blog.dacadev.com/contacto"



 


&gt;página de contacto&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
</content:encoded></item><item><title>Despliegue su sitio en GitHub Pages con HUGO y dominio personalizado</title><link>https://blog.dacadev.com/programacion/despliega-tu-sitio-de-hugo-en-github-pages/</link><pubDate>Mon, 18 Dec 2023 20:56:15 +0000</pubDate><guid>https://blog.dacadev.com/programacion/despliega-tu-sitio-de-hugo-en-github-pages/</guid><dc:creator>Dacadev</dc:creator><category>programación</category><description>Explora esta guía detallada para desplegar sitios web en GitHub Pages usando HUGO. Aprende a configurar tu sitio, automatizar con GitHub Actions y personalizar tu dominio. Ideal para desarrolladores y creadores de contenido que buscan una solución rápida y efectiva.</description><media:content url="https://blog.dacadev.com/images/programming/tutorials/deploy-hugo-site-in-github-pages/banner.png" medium="image" type="image/png"/><content:encoded>
&lt;details class="table-of-content "&gt;
 &lt;summary&gt;
 
 Tabla de Contenido
 
 &lt;/summary&gt;
 &lt;nav id="TableOfContents"&gt;
 &lt;ol&gt;
 &lt;li&gt;&lt;a href="#despliegue-paso-a-paso-del-sitio-en-github-pages"&gt;Despliegue paso a paso del sitio en &lt;strong&gt;GitHub&lt;/strong&gt; Pages&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#configura-un-dominio-personalizado-en-github-pages"&gt;Configura un dominio personalizado en &lt;strong&gt;GitHub Pages&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;/ol&gt;
&lt;/nav&gt;
&lt;/details&gt;





 
 





 


&lt;div class="notice note"&gt;
 &lt;div class="notice-head"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="22" height="22" stroke-width="1.5" stroke="currentColor"&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" /&gt;
 &lt;/svg&gt;
 &lt;p&gt;Note&lt;/p&gt;
 
 &lt;/div&gt;
 &lt;div class="notice-body"&gt;&lt;p&gt;En este tutorial aprenderás a desplegar un sitio web creado con &lt;strong&gt;Hugo&lt;/strong&gt; en &lt;strong&gt;GitHub Pages&lt;/strong&gt; en menos de 10 minutos, automatizar el despliegue con &lt;strong&gt;GitHub Actions&lt;/strong&gt; y configurar un dominio personalizado.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;HUGO&lt;/strong&gt; es un generador de sitios estáticos creado en Go, que cuenta con un rendimiento excelente y varias funcionalidades que permiten crear sitios web de manera amigable tanto para desarrolladores como para creadores de contenido.&lt;/p&gt;
&lt;p&gt;Para saber más de la herramienta, puedes remitirte a la documentación en el siguiente &lt;a href="https://gohugo.io/"




 target="_blank"
 


&gt;link&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Para desplegar tu sitio web creado con &lt;strong&gt;HUGO&lt;/strong&gt;, dispones de muchas herramientas, tanto pagas como gratuitas, que te pueden ayudar en este proceso. En este post, vamos a ver cómo podemos desplegar rápidamente nuestro sitio en GitHub Pages en menos de 10 minutos y actualizar el dominio a uno personalizado.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;GitHub Pages&lt;/strong&gt; es un servicio que ofrece &lt;strong&gt;GitHub&lt;/strong&gt; para los repositorios públicos o para aquellos usuarios que cuentan con una suscripción pro, sean usuarios personales o empresariales.&lt;/p&gt;
&lt;h2 id="despliegue-paso-a-paso-del-sitio-en-github-pages"&gt;Despliegue paso a paso del sitio en &lt;strong&gt;GitHub&lt;/strong&gt; Pages&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Debes tener un proyecto de HUGO funcional y alojarlo en un repositorio público en &lt;strong&gt;GitHub&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Si quieres que el repositorio sea privado y aún así desplegar tu sitio, es importante contar con la cuenta Pro.&lt;/p&gt;
&lt;p&gt;En la imagen de referencia, estoy usando la página especial de &lt;strong&gt;GitHub Pages&lt;/strong&gt; que coincide con mi nombre de usuario, &lt;a href="https://github.com/dacadev-official"




 target="_blank"
 


&gt;dacadev-official&lt;/a&gt;. Esto significa que cuando despliegue mi sitio, lo harán en la raíz del dominio de mi cuenta, que sería &lt;code&gt;https://dacadev-official.github.io&lt;/code&gt;. Si el nombre fuera diferente, la URL sería &lt;code&gt;https://dacadev-official.github.io/&amp;lt;my-repo-name&amp;gt;&lt;/code&gt;. Es importante tener esto en cuenta ya que si en &lt;strong&gt;HUGO&lt;/strong&gt; estamos usando &lt;code&gt;Permalinks&lt;/code&gt; o &lt;code&gt;relURL&lt;/code&gt; sin tener configurado debidamente nuestro &lt;code&gt;baseurl&lt;/code&gt;, podría generar problemas en los enlaces.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Dentro de nuestro repositorio, nos dirigiremos a la sección de &lt;em&gt;settings &amp;gt; pages&lt;/em&gt; y activaremos la opción de build and deploy con &lt;strong&gt;GitHub Actions&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;El siguiente paso consiste en activar las &lt;strong&gt;GitHub Actions&lt;/strong&gt;. Para ello, debemos crear un archivo dentro del folder &lt;code&gt;.github/workflows&lt;/code&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Las &lt;strong&gt;GitHub Actions&lt;/strong&gt; son una herramienta de automatización integrada en GitHub, que permite ejecutar flujos de trabajo basados en eventos dentro de un repositorio.&lt;/p&gt;
&lt;p&gt;Crearemos el archivo &lt;code&gt;hugo.yaml&lt;/code&gt; dentro del folder mencionado. Puede ser cualquier nombre, pero lo importante es que sea un nombre relacionado o descriptivo de lo que hará. Dentro de este archivo, colocaremos el siguiente contenido.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#abb2bf;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#7f848e"&gt;# Nombre de la acción&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: Deploy Hugo site to Pages
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#7f848e"&gt;# Se activara cuando se haga un push sobre la rama main&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#e06c75"&gt;on&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;push&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;branches&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; - main
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#7f848e"&gt;# Permisos para que pueda leer el contenido del repo y&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#7f848e"&gt;# pueda escribir sobre la funcionalidad de GitHub Pages&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#e06c75"&gt;permissions&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;contents&lt;/span&gt;: read
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;pages&lt;/span&gt;: write
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;id-token&lt;/span&gt;: write
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#7f848e"&gt;# Estara asociado al grupo relacionados con pages y no cancelará&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#7f848e"&gt;# otros procesos que esten en ejecución&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#e06c75"&gt;concurrency&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;group&lt;/span&gt;: &lt;span style="color:#98c379"&gt;&amp;#34;pages&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;cancel-in-progress&lt;/span&gt;: &lt;span style="color:#e5c07b"&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#7f848e"&gt;# Define bash como el encargado de ejecutar los trabajos&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#e06c75"&gt;defaults&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;run&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;shell&lt;/span&gt;: bash
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#7f848e"&gt;# En este apartado define el entorno usado para el workflow&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#e06c75"&gt;jobs&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;	&lt;span style="color:#7f848e"&gt;# 1 TRABAJO DE CONSTRUCCIÓN DEL SITIO&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;build&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#7f848e"&gt;# Entorno&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;runs-on&lt;/span&gt;: ubuntu-latest
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;env&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;			&lt;span style="color:#7f848e"&gt;# Esta variable permite cambiar facilmente la version de HUGO usada&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;HUGO_VERSION&lt;/span&gt;: &lt;span style="color:#d19a66"&gt;0.121.1&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;steps&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; - &lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: Install Hugo CLI
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;run&lt;/span&gt;: |&lt;span style="color:#98c379"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#98c379"&gt; wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#98c379"&gt; &amp;amp;&amp;amp; sudo dpkg -i ${{ runner.temp }}/hugo.deb&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; - &lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: Install Dart Sass
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;run&lt;/span&gt;: sudo snap install dart-sass
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;				&lt;span style="color:#7f848e"&gt;# Prepara el entorno para desplegar las páginas&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; - &lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: Checkout
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;uses&lt;/span&gt;: actions/checkout@v4
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;with&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;submodules&lt;/span&gt;: recursive
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;fetch-depth&lt;/span&gt;: &lt;span style="color:#d19a66"&gt;0&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; - &lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: Setup Pages
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;id&lt;/span&gt;: pages
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;uses&lt;/span&gt;: actions/configure-pages@v4
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; - &lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: Install Node.js dependencies
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;run&lt;/span&gt;: &lt;span style="color:#98c379"&gt;&amp;#34;yarn install&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;				&lt;span style="color:#7f848e"&gt;# Configura las variables de entorno de HUGO y procede a&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;				&lt;span style="color:#7f848e"&gt;# ejecutar el comando para construir el sitio.&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; - &lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: Build with Hugo
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;env&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;HUGO_ENVIRONMENT&lt;/span&gt;: production
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;HUGO_ENV&lt;/span&gt;: production
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;run&lt;/span&gt;: |&lt;span style="color:#98c379"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#98c379"&gt; hugo \
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#98c379"&gt; --gc \
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#98c379"&gt; --minify \
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#98c379"&gt; --baseURL &amp;#34;${{ steps.pages.outputs.base_url }}/&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;	 &lt;span style="color:#7f848e"&gt;# Sube el contenido generado por hugo al directorio de GitHub Pages&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;			- &lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: Upload artifact
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;uses&lt;/span&gt;: actions/upload-pages-artifact@v2
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;with&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;path&lt;/span&gt;: ./public
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#7f848e"&gt;# 2 REDESPLIEGA EL SITIO EN GITHUB PAGES CON LOS NUEVOS CAMBIOS&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;deploy&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;environment&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: github-pages
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;url&lt;/span&gt;: ${{ steps.deployment.outputs.page_url }}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;runs-on&lt;/span&gt;: ubuntu-latest
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;needs&lt;/span&gt;: build
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;steps&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; - &lt;span style="color:#e06c75"&gt;name&lt;/span&gt;: Deploy to GitHub Pages
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;id&lt;/span&gt;: deployment
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#e06c75"&gt;uses&lt;/span&gt;: actions/deploy-pages@v3
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;ol&gt;
&lt;li&gt;El siguiente paso es hacer commit con el nuevo archivo agregado, con un mensaje descriptivo, y finalmente hacer push de los cambios a la rama main o la que hayas definido en el archivo .yaml de configuración.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;git commit -m &amp;ldquo;feat: implement github actions to deploy site into GitHub Pages&amp;rdquo;
git push origin main&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Nos dirigiremos a la página de nuestro repositorio y veremos que &lt;strong&gt;GitHub&lt;/strong&gt; ha detectado automáticamente nuestros cambios con las acciones y las ejecutará. Verás algo similar a la siguiente imagen.
Una vez que se completen los workflows correctamente, debes dirigirte a la URL del repositorio, que sería &lt;code&gt;https://&amp;lt;username&amp;gt;.github.io/&amp;lt;repository&amp;gt;&lt;/code&gt;. Recuerda que si tu repositorio tiene el mismo nombre que tu usuario, puedes omitir el &lt;code&gt;&amp;lt;repository&amp;gt;&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;En caso de que se genere un error o algo similar debes de revisar los logs de cada paso que enontrarás en el link de details al lado de cada uno de los pasos&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="configura-un-dominio-personalizado-en-github-pages"&gt;Configura un dominio personalizado en &lt;strong&gt;GitHub Pages&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;Hasta este punto, hemos configurado y desplegado exitosamente nuestro sitio en &lt;strong&gt;GitHub Pages&lt;/strong&gt;. Ahora, lo que nos falta es configurar nuestro nombre de dominio para que tenga un nombre de nuestra marca o necesidad en cuestión.&lt;/p&gt;
&lt;p&gt;En este ejemplo, hemos usado un dominio adquirido en &lt;a href="https://www.namecheap.com/"




 target="_blank"
 


&gt;Namecheap&lt;/a&gt; que tenemos listo para configurar.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Lo primero que haremos es configurar nuestro dominio dentro de nuestro repositorio. Para ello, nos dirigiremos a settings &amp;gt; pages de nuevo y buscaremos la opción de Custom Domain.&lt;/li&gt;
&lt;li&gt;Dentro del input, agregamos el dominio que queremos agregar.&lt;/li&gt;
&lt;li&gt;El siguiente paso será configurar las direcciones IP a las cuales queremos que apunte nuestro dominio. Para ello, nos dirigiremos al panel de control de Namecheap e iremos a las opciones avanzadas de nuestro dominio.
Las URL listadas son las siguientes:
&lt;ul&gt;
&lt;li&gt;185.199.108.153&lt;/li&gt;
&lt;li&gt;185.199.109.153&lt;/li&gt;
&lt;li&gt;185.199.110.153&lt;/li&gt;
&lt;li&gt;185.199.111.153&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Lo que estamos configurando es lo siguiente:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Registros A&lt;/strong&gt; con la dirección &lt;code&gt;@&lt;/code&gt;, que representa la raíz del dominio, apuntando a cuatro direcciones IP diferentes. Son necesarios para que tu dominio personalizado apunte a los servidores de &lt;strong&gt;GitHub Pages&lt;/strong&gt;. Esto permite que cuando alguien ingrese tu dominio en su navegador, la solicitud sea dirigida a los servidores de GitHub, donde está alojado tu proyecto.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Registro CNAME&lt;/strong&gt; con el host &lt;code&gt;www&lt;/code&gt; y el valor &lt;code&gt;&amp;lt;username&amp;gt;.github.io&lt;/code&gt;., redirige las solicitudes de &lt;code&gt;www.tudominio.com&lt;/code&gt; al subdominio&lt;code&gt; &amp;lt;username&amp;gt;.github.io&lt;/code&gt; en &lt;strong&gt;GitHub&lt;/strong&gt;. Esto es útil si quieres que tanto &lt;code&gt;www.tudominio.com&lt;/code&gt; como &lt;code&gt;tudominio.com&lt;/code&gt; muestren tu proyecto en &lt;strong&gt;GitHub Pages&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Ya con esto, tu sitio estaría listo para servir a través de tu dominio personalizado.&lt;/p&gt;




 
 





 


&lt;div class="notice tip"&gt;
 &lt;div class="notice-head"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="22" height="22"&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z" /&gt;
 &lt;path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z" /&gt;
 &lt;/svg&gt;
 &lt;p&gt;Tip&lt;/p&gt;
 
 &lt;/div&gt;
 &lt;div class="notice-body"&gt;&lt;p&gt;Debes esperar un tiempo para que GitHub confirme que el dominio ingresado está configurado correctamente. Normalmente esto puede tomar entre unos minutos hasta 24 horas dependiendo de la propagación DNS.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
</content:encoded></item></channel></rss>