Modificar Nuestro Dominio de GitHub Pages por uno Personalizado

Una vez que ya contemos con nuestra página alojada en GitHub Pages, este servicio también nos brinda un dominio por defecto el cual vendría a ser https://nombreDeUsuario.github.io, para que se vea mas profesional vamos a personalizar nuestro dominio por uno que hayamos adquirido en GoDaddy.

Este tutorial puede ser adaptado a todos las empresas que venden dominios como GoDaddy, HostGator, etc.


Ahora vamos a pasa a realizar las configuraciones necesarias para tener nuestro dominio personalizado de nuestra página alojado en GitHub Pages

Para los que todavía no han implementado un sitio en GitHub Pages los invito a revisar el siguiente post : Implementar un Sitio Web en GitHub Pages.

Agregar dominio personalizado en el repositorio de GitHub

Modificar Nuestro Dominio de GitHub Pages por uno Personalizado es algo que la mayoría de usuarios desea, por suerte se puede realizar y lo voy a explicar en este post.

Una vez accedido a GitHub nos dirigimos al repositorio que contiene nuestro sitio web y hacemos clic en la opción Settings.

Botón settings

Ahora bajamos hasta la sección "GitHub Pages", buscamos la opción Custom domain y agregamos nuestro nuevo dominio personalizado, este puede contener www o omitirla, la versión que yo utilizare para este post es con www y luego clic en el botón Save.

Dominio personalizado

Si todo va de maravilla en el encabezado de la sección "GitHub Pages" podremos apreciar un mensaje que dice su sitio esta listo para ser publicado en http://www.tuDominioPersonalizado.com

Su sitio esta listo para ser publicado en

Al agregar tu dominio personalizado en GitHub este automáticamente agregara un archivo de nombre CNAME en tu repositorio, este archivo es tal cual no tiene extensión como cualquier fichero que conozcamos.

Archivo CNAME

El contenido del archivo CNAME, es la cadena de caracteres de tu dominio personalizado, en mi caso utilice www pero si deseas lo puedes obviar en la opción Custom domain.

Contenido CNAME

Configurar DNS y CNAME en GoDaddy

Como ya explique antes esta configuración se puede adaptar a cualquier empresa que venda dominios, es cuestión de ser intuitivo.

Primero vamos a acceder a la página de GoDaddy, accedemos con nuestro usuario y contraseña.

Una vez accedido hacemos clic en nuestro nombre y luego en la opción donde dice Mis productos.

Mis productos


Ahora en la opción Dominios hacemos clic en el botón Administrar.

Administrar dominios


En la sección de Dominios buscamos el nombre de dominio al cual queremos vincular nuestra pagina alojado en GitHub Pages y hacemos clic sobre el nombre de dominio.

Clic sobre el nombre de dominio


En esta sección de Configuración de Dominio bajamos hasta el final para encontrar la opción Administrar DNS.

Administrar DNS


En la sección Administración de DNS > Registro es donde ocurrirá la magia.

En la columna Tipo ubicamos A, luego hacemos clic en el icono de editar ✏️.

Ahora en la columna Host * nos aseguramos que tenga agregado @, en la columna Apunta a * debe agregarse el DNS que GitHub Pages nos brindan los cuales pueden ser 192.30.252.153, 192.30.252.154 elije cualquiera de los dos, en la columna TTL * seleccionamos la opción Personalizado, en la columna Segundos * lo dejamos con el valor de 3600 (1 hora) y luego hacemos clic en el botón Guardar.

DNS GoDaddy


Una vez agregado el DNS, vamos a buscar en la columna Tipo el valor CNAME y en Nombre el valor www, luego hacemos clic en el icono de editar ✏️.

La columna Host * deberá contener www, la columna Apunta a * deberá apuntar al nombre del repositorio alojado en GitHub nombreDeUsuario.github.io, en la columna TTL * seleccionamos 1 Hora y clic en el botón Guardar.

CNAME GoDaddy


Una vez agregado ambos registros deberíamos tener un resultado similar a la siguiente imagen.

DNS y CNAME GoDaddy


Para culminar en el navegador que tengan abierto, abran una nueva pestaña y escriban la dirección URL (http://tu_dominio.com) para ver su resultado.

Listo cualquier duda la escriben en los comentarios, gracias por leer el post bye 😃.

Luis Rene Mas Mas's Picture

Luis Rene Mas Mas

Hola, soy desarrollador front-end & dasarrollador móvil (Android), me encanta las tecnologías web - móvil, también administro este blog.

Trujillo - Perú @01luisrene

Únete al Blog

Obtén los últimos artículos publicados directamente en tu bandeja de entrada.

O suscríbase vía RSS con Feedly!

Comparte tu Opinión