Cómo alojar un sitio web gratis con GitHub Pages

Hay muchas opciones y precios para los planes de alojamiento web. El plan más caro es capaz de alojar sitios web grandes, pero ¿qué pasa si se necesita una solución de alojamiento simple para su sitio web pequeño?

Para sitios web estáticos o aplicaciones web pequeñas, existen algunos planes de alojamiento gratuitos que puede iniciar y ejecutar en línea de inmediato. Por lo general, requieren menos configuración que un servidor pago.

GitHub Pages es una de esas soluciones gratuitas. Este artículo le mostrará cómo alojar un sitio web simple usando las páginas de GitHub.

1. 14 Best Web Hosting es completamente gratuito y no contiene anuncios
2. 12 cosas que debe saber al elegir un servicio de alojamiento web
3. Compare el alojamiento web Bluehost y HostGator

¿Qué son las páginas de GitHub?

Nota: Para alojar en páginas de GitHub, debe tener acceso a todo el código del sitio. Por lo general, esta opción funciona mejor cuando escribe su propio código de sitio web desde cero.

1. Guía para crear un sitio web para principiantes

GitHub Pages es un servicio creado por GitHub que permite publicar sitios web o aplicaciones web alojándolos en el repositorio gratuito de GitHub.

Puede alojar un sitio web completo y páginas de proyectos ilimitadas, que pueden considerarse una “página” en el sitio web. El código del sitio web se almacena en el repositorio de GitHub especificado, luego GitHub se publicará para su visualización en cualquier computadora o tableta.

Algunas cosas básicas sobre GitHub

GitHub es un servicio de control de versiones popular para programadores de computadoras que usan Git para almacenar y controlar código. El código se almacena en un archivo, que es un contenedor en el servidor en la nube que permite el acceso a su código desde todas las computadoras.

Puede crear un nuevo repositorio utilizando el sitio web de GitHub o mediante la línea de comandos al instalar Git. El repositorio nombrado está disponible de forma pública o privada y almacena código en cualquier idioma. Al crear un archivo con Git, puede obtener el código del servidor para realizar cambios y luego volver a cargarlo en GitHub.

Puede instalar Git fácilmente en computadoras Windows y Mac visitando el sitio web de Git y siguiendo las instrucciones de instalación.

Configurar un sitio web en páginas de GitHub

El proceso de hospedaje de un sitio web usando GitHub Pages se puede simplificar en tres pasos:

Paso 1. Crea una cuenta de GitHub.

Paso 2 . Crea un nuevo archivo con algunas reglas.

Paso 3 . Edite el código y cárguelo en GitHub para poner el sitio en línea.

Ahora entremos en los detalles de cómo publicar su sitio web estático directamente en las páginas de GitHub. Debe tener algunos conocimientos de HTML para alojar un sitio web en las páginas de GitHub.

Crea una cuenta de GitHub

Debe instalar Git para controlar el código a través de GitHub. Visite el sitio web de GitHub para registrarse.

 https://github.com/ 

Debe elegir un nombre de usuario, registrarse con su dirección de correo electrónico y contraseña. El nombre de usuario es importante para ejecutar el sitio web. Al registrarse, inicie sesión en la página de inicio para iniciar su sitio web.

Crea un repositorio de GitHub

Desde la página de inicio de GitHub, verá el repositorios sección de la izquierda. Enumera todos sus archivos, así como los Nuevo botón para crear nuevos archivos.

Hacer clic Nuevo para ir a la nueva pantalla para ingresar la información del archivo. Primero, debe ingresar el nombre del repositorio. El nombre del repositorio debe ser el siguiente, donde [USERNAME] es tu nombre de usuario.

 [USERNAME].github.io 

Por ejemplo, si el nombre de usuario es Jake, el nombre del archivo será Jake.github.io. Este es un paso muy importante porque permitir que las páginas de GitHub determinen si el repositorio es un sitio directo o un contenedor vacío quiere codificar.

Cuando ingresa su nombre de usuario, puede ingresar una descripción opcional para agregar información a su repositorio (por ejemplo, un sitio web de deportes).

Escoger Público o Privado para controlar los derechos de los usuarios que pueden editar su repositorio. A Público significa que todos pueden editar, Privado solo tú puedes editar.

Por último, puede crear un archivo README para que el archivo guarde los documentos del proyecto. Puedes crear o no crear dependiendo del propósito.

Después de completar toda la información, haga clic en Crear repositorio completar.

Editar y descargar páginas web

Ahora que tiene el repositorio directamente en GitHub, acceda a la herramienta de línea de comandos. Navegue hasta la ubicación donde desea guardar el proyecto y ejecute el comando a continuación, asegurándose de reemplazar [USERNAME] con el nombre de usuario real:

 git clone https://github.com/[USERNAME]/[USERNAME].github.io 

La función de clonación de git es crear una copia del repositorio en su computadora para que pueda editar el código. Cualquier cambio realizado en este código se guardará en el repositorio principal a través de la línea de comando.

Ahora el archivo está almacenado en un directorio, navegue a ese directorio usando la herramienta de línea de comando o simplemente haga clic en la carpeta en su computadora. Cree el archivo index.html dentro de este directorio. Este archivo HTML contendrá el código.

Abra el archivo HTML en el editor de texto y agregue la línea

, escriba Hola. Esta es simplemente una línea para mostrar el texto y asegurarse de que el sitio esté funcionando.

Regrese al directorio de archivo de código usando la línea de comando. Ahora puede guardar los cambios en el repositorio ejecutando este código git.

 git add --all git commit -m "Save changes" git push -u origin master 

Esto puede resultar confuso si no ha utilizado Git antes, pero es muy sencillo.git add –todos agrega todos los cambios que realiza a la cola para guardar. git commit está a punto de cambiar con el indicador -m, la opción para agregar una descripción de lo que se cambió en esta confirmación. Por ejemplo, se puede editar Guardar cambios anteriores. Finalmente git push completa el cambio y carga el nuevo código en el repositorio.

Ver el sitio web de las páginas de GitHub

Ahora puede ver el resultado final. Abra un navegador web y navegue hasta https: // [USERNAME] .github.io. Recuerda reemplazar [USERNAME] con su nombre de repositorio.

Verá el sitio web publicado en vivo, visible en cualquier navegador, en todas las computadoras, tabletas o teléfonos. Este es un sitio web en pleno funcionamiento.

Ahora que sabe cómo alojar un sitio web gratuito en las páginas de GitHub, puede crear cualquier tipo de sitio web estático que desee. Es una excelente opción para desarrolladores e individuos que solo necesitan una pequeña solución.

¡Te deseo una implementación exitosa!