Configuración de Dominio Personalizado para tu Sitio Web

La capacidad de usar un dominio personalizado es crucial para el branding y para crear una presencia profesional en línea para tu sitio web. Cada plataforma de alojamiento de sitios estáticos tiene su método de configuración específico. Este documento utilizará GitHub Pages como ejemplo para proporcionar una descripción general básica de cómo configurar tu dominio personalizado. Para obtener información más detallada, consulta la documentación oficial de GitHub Pages: https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site.

Resumen

Esta guía explica cómo:

• Configurar un Dominio Personalizado usando GitHub Pages
• Configurar los registros DNS en tu registrador de dominio

Pasos de Configuración (Ejemplo de GitHub Pages)

Paso 1: Configurar los Registros DNS en tu Proveedor de Dominio

Necesitas configurar los siguientes registros DNS en tu proveedor de dominio para apuntar tu dominio personalizado a GitHub Pages:

1. Registros A: Apunta tu dominio raíz (p. ej., tudominio.org) a las direcciones IP de los servidores de GitHub Pages, que son:
   • 185.199.108.153
   • 185.199.109.153
   • 185.199.110.153
   • 185.199.111.153
2. Registro CNAME: Apunta tu subdominio www (p. ej., www.tudominio.org) a tu dominio de GitHub Pages (p. ej., tuusuario.github.io).

Paso 2: Configurar el Dominio Personalizado en GitHub Pages

1. Navega a la configuración de tu repositorio: Ve a tu repositorio de GitHub donde está alojado el código de tu sitio web.
2. Abre la configuración de GitHub Pages: Haz clic en "Settings" y luego navega a la sección "Pages" en la barra lateral.
3. Ingresa tu dominio personalizado: En la sección "Custom domain", ingresa el nombre de dominio personalizado deseado (p. ej., www.tudominio.org).
4. Guardar y Verificar: Haz clic en "Save". GitHub Pages intentará verificar la configuración de tu dominio personalizado.

Paso 3: Habilitar HTTPS (Recomendado)

En la configuración de GitHub Pages, marca la opción "Enforce HTTPS" para habilitar el cifrado en tu sitio web. Esto es esencial para la seguridad y para el correcto funcionamiento de algunas funciones.

Paso 4: Cambiar la URL BASE

• Configuración del Tema: Dependiendo de tu tema, es posible que necesites configurar la URL BASE o configuraciones similares para asegurar que tu sitio web funcione correctamente con tu dominio personalizado, especialmente si los recursos de la página se cargan incorrectamente.
• Encontrar la Configuración: La ubicación exacta de esta configuración varía dependiendo del tema o el framework SSG.
  • Si utilizas temas de vitepress, la configuración suele estar en el archivo config.mts, busca una configuración como base: '/'
  • Si utilizas temas de hugo, la configuración suele estar en el archivo config.toml, busca una configuración como baseURL = "your-domain.org"
  • Si utilizas temas de jekyll, la configuración suele estar en el archivo _config.yml, busca una configuración como baseurl: ""
• Configurar una URL Base Predeterminada: Si tu tema no tiene una configuración dedicada para la URL BASE o una configuración similar, debes cambiarla a un formato como BASE_URL = '/', baseurl: "" o base: '/' para evitar cualquier conflicto.
• Ejemplo para VitePress

  import { defineConfig } from 'vitepress';
  
  export default defineConfig({
    base: '/'
  })

Consideraciones Importantes

• Tiempo de Propagación: Los cambios de DNS pueden tardar algún tiempo en propagarse por Internet. Podría tardar unos minutos u horas en que los cambios surtan efecto.
• Requisitos Específicos: Diferentes plataformas tendrán diferentes requisitos y diseños de interfaz de usuario, siempre verifica su documentación específica.
• Proveedor de Dominio: Necesitarás acceso a la configuración de DNS de tu proveedor de dominio para crear o cambiar estos registros.
• Configuración en VpAdmin: Después de configurar los ajustes de DNS con tu registrador de dominio, también necesitas establecer el mismo dominio en la "Configuración de Sitios" en VpAdmin.

Conclusión

Siguiendo estos pasos, puedes configurar con éxito un dominio personalizado para tu sitio web alojado en GitHub Pages. Recuerda consultar la documentación oficial de tu plataforma de alojamiento para obtener instrucciones más detalladas, especialmente si estás utilizando una plataforma diferente.