La publicación de sitios web a veces puede ser muy complicada y también podría costarle algo de dinero, pero con GitHub Pages, todo el proceso es tan sencillo y fácil que solo lleva unos minutos publicar su sitio web en Internet. Aunque el proceso en sí es bastante fácil, tener una guía paso a paso siempre es mejor, ¿no es así?
Siga los pasos a continuación para publicar su propio sitio web en Páginas de GitHub con un dominio personalizado sin cargo alguno .
Paso 1. Configure un repositorio de GitHub
Configure un repositorio de GitHub vacío tal como lo hace normalmente. Dar cualquier nombre al repositorio. Puede mantener el repositorio público o privado, su elección.
Aquí hay un repositorio de muestra para este blog .
Paso 2. Inserte su código en el repositorio
Inserte todo el código en el repositorio. Asegúrese de tener index.html en el directorio raíz o en una carpeta llamada docs (comprenderá por qué en el próximo paso).
Aquí está la estructura del directorio:
- index.html - public |_ css
Paso 3. Habilite las páginas de GitHub
Dirígete a la pestaña Configuración del repositorio y desplázate hacia abajo hasta donde dice Páginas de GitHub . Por defecto, las opciones se ven así:
Para Source , haga clic en el menú desplegable donde dice None y elija la rama donde está presente su código, en mi caso es main .
Tan pronto como seleccione la sucursal, aparecerá un nuevo menú desplegable. Elija la carpeta respectiva (root/docs) donde está presente su código. Haga clic en Guardar .
Desplácese hacia abajo hasta la sección Páginas de GitHub y debería ver algo como esto:
Dirígete a la URL y deberías ver tu sitio web en vivo en Internet.
Paso 4. Establece un dominio personalizado
En el siguiente paso, explicaremos cómo obtener un dominio personalizado gratuito.
Ahora, para configurar un dominio personalizado, ingrese el nombre de dominio en la sección Dominio personalizado , en mi caso, es github-pages.tk
Haga clic en Guardar . Esto agrega un nuevo archivo CNAME a su repositorio.
A veces, la opción Forzar HTTPS se habilita automáticamente; si no es así, habilítela manualmente para obtener un certificado SSL gratuito para su sitio web. A veces, también puede llevar tiempo darle la opción de habilitarlo.
Paso 5. Obtenga un dominio personalizado
Para obtener dominios personalizados gratuitos, uso Freenom . Si ya tiene el dominio de otro proveedor, los pasos a continuación deberían ser similares.
Inicie sesión en el sitio web y vaya a Servicios > Registrar un nuevo dominio y busque el nombre de dominio deseado.
Seleccione el dominio disponible y complete el proceso de pago.
Ahora vaya a Servicios > Mis Dominios . Seleccione la opción Administrar dominio contra el dominio que acaba de obtener y diríjase a Administrar DNS de Freenom .
Ahora, todo lo que tenemos que hacer es establecer registros A y CNAME para el dominio seleccionado.
Para un registro, agregue cuatro entradas:
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
Para redirigir el subdominio www al dominio original, agregue un registro CNAME con la URL de su perfil de páginas de GitHub con una extensión . (punto) al final, en mi caso, sería ‘ishaanohri.github.io’. .
Solo para estar seguro, busque las direcciones IP más recientes en la Documentación oficial de GitHub .
Guarde los registros y espere un tiempo. Su sitio web estaría disponible en www.custom-domain.com y custom-domain.com . A veces puede tomar hasta 24 horas para reflejar los cambios.
Su sitio web ahora está activo en su dominio personalizado. Ahora, cualquier cambio que envíe a la rama seleccionada del repositorio se publicará en vivo en su dominio.
Publicación traducida automáticamente
Artículo escrito por ishaan99ohri y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA