8 de octubre de 2024

Crear una página web en GitHub Pages es un proceso sencillo y gratuito que te permite alojar tu sitio estático utilizando la infraestructura de GitHub. En esta guía, explicaremos cómo hacerlo, incluyendo la importancia de que el nombre de usuario coincida con el nombre del repositorio.

Paso 1: Crear una Cuenta en GitHub

  1. Registro: Si aún no tienes una cuenta en GitHub, ve a github.com y haz clic en «Sign up» para registrarte.
  2. Completa el Formulario: Proporciona tu nombre de usuario, dirección de correo electrónico y contraseña.

Paso 2: Nombre de Usuario y Repositorio

Importancia del Nombre de Usuario

Para que la URL de tu página sea del tipo https://username.github.io/, debes asegurarte de que el nombre de tu cuenta de GitHub (nombre de usuario) sea igual al nombre del repositorio que vas a crear. Por ejemplo, si tu nombre de usuario es miusuario, debes crear un repositorio llamado miusuario.github.io.

Consejos para Elegir un Nombre de Usuario

  • Simple y Reconocible: Escoge un nombre que sea fácil de recordar y que represente tu proyecto o tu identidad.
  • Sin Caracteres Especiales: Evita caracteres especiales que puedan complicar el acceso a tu página.

Paso 3: Crear el Repositorio

  1. Inicia Sesión: Ve a tu perfil en GitHub y asegúrate de estar conectado.
  2. Crear un Nuevo Repositorio:
    • Haz clic en el icono de «+» en la esquina superior derecha y selecciona «New repository».
    • En el campo de nombre, escribe username.github.io, reemplazando username con tu nombre de usuario de GitHub.
    • Marca la opción «Initialize this repository with a README» si deseas.
    • Haz clic en «Create repository».

Paso 4: Configurar GitHub Pages

  1. Accede a la Configuración:
    • Ve a la pestaña Settings del repositorio.
  2. Activar GitHub Pages:
    • Desplázate hacia abajo hasta la sección GitHub Pages.
    • En la opción Source, selecciona la rama main (o master) y guarda los cambios.
  3. Verifica la URL:
    • GitHub te proporcionará la URL donde estará disponible tu página, que será https://username.github.io/.

Paso 5: Agregar Contenido a tu Página

  1. Subir Archivos:
    • Puedes subir archivos HTML, CSS, y JavaScript directamente a tu repositorio.
    • Asegúrate de incluir un archivo index.html en la raíz del repositorio. Este archivo será la página principal de tu sitio.
  2. Usar el Editor de GitHub:
    • Haz clic en Add file y selecciona Upload files para subir archivos, o Create new file para crear un nuevo archivo directamente en el repositorio.

Paso 6: Personalizar tu Página

  1. Edita index.html:
    • Abre el archivo index.html y agrega el contenido que desees.
    • Puedes incluir texto, imágenes, enlaces y estilos utilizando CSS.
  2. Previsualiza los Cambios:
    • Una vez que hayas guardado tus cambios, ve a https://username.github.io/ para ver tu sitio en vivo.

Paso 7: Mantenimiento y Actualizaciones

  • Actualiza el Contenido: Puedes seguir agregando o modificando archivos en tu repositorio en cualquier momento. Simplemente sube los cambios y espera unos minutos para que se reflejen en tu sitio.
  • Monitorea el Tráfico: Si deseas, puedes habilitar herramientas de análisis para monitorear el tráfico de tu página.

Aqui dejare algunos enlaces con paginas de este tipo:

https://drgona.github.io/
https://fafgames.github.io/
https://colortunnelgame.github.io/ ** este me gusto **
https://tgnav.github.io/
https://tiksinmarca.github.io/
https://driftbossonline.github.io/
https://argoproj.github.io/
https://diekmann.github.io/wasm-fizzbuzz/doom/ ** Para jugar Doom por pagina web **
https://gheja.github.io/

Conclusión

Crear una página en GitHub Pages es una excelente manera de mostrar tus proyectos, compartir información o incluso iniciar un blog. Recuerda que es esencial que el nombre de usuario de tu cuenta coincida con el nombre del repositorio para que la URL de tu sitio sea la correcta. Siguiendo estos pasos, podrás tener tu página en línea en poco tiempo. ¡Empieza a crear tu sitio web hoy mismo!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *