Cómo alojar tu sitio web gratis con las páginas de GitHub

Hay muchas opciones y precios para los planes de alojamiento web. Los planes más caros pueden alojar sitios web grandes, pero ¿qué sucede si su sitio web pequeño necesita una solución de alojamiento fácil?

Para sitios web estáticos o aplicaciones web pequeñas, existen varios planes de alojamiento gratuitos que puede ejecutar en línea en muy poco tiempo. En general, requieren menos configuración que los servidores pagos.

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

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

¿Qué son las páginas de GitHub?

notas: Para alojar páginas de GitHub, necesita acceso al código completo del sitio. Esta opción generalmente funciona mejor cuando codifica su propio sitio web desde cero.

  1. Una guía para principiantes para crear un sitio web

GitHub Pages es un servicio creado por GitHub que le permite publicar sitios web o aplicaciones web alojándolos en repositorios gratuitos de GitHub.

Figura 1 Cómo utilizar las páginas de GitHub para el alojamiento gratuito de sitios web

Puede alojar un sitio web completo y un número ilimitado de páginas de proyecto que pueden considerarse "páginas" en su sitio web. El código del sitio web se almacena en un repositorio específico de GitHub, que luego se publica 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 de servidor en la nube que permite el acceso a su código desde todas las computadoras.

Puede crear nuevos repositorios utilizando el sitio web de GitHub o mediante la línea de comando al instalar Git. Los repositorios con nombre son de acceso público o privado y almacenan código en cada idioma. Cuando crea un archivo Git, extrae el código del servidor, realiza cambios y lo vuelve a subir a GitHub.

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

Creación de un sitio web de Páginas de GitHub

El proceso de alojamiento de un sitio web con GitHub Pages se puede simplificar en tres pasos:

Nivel 1. Cree 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 animar el sitio web.

Ahora echemos un vistazo más de cerca a cómo publicar su sitio web estático directamente en las páginas de GitHub. Necesita conocimientos de HTML para alojar un sitio web de Páginas de GitHub.

Crear una cuenta de GitHub

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

 https://github.com/ 

Deberá elegir un nombre de usuario, registrarse con su dirección de correo electrónico y contraseña. El nombre de usuario es importante para el funcionamiento de un sitio web. Cuando se registre, vaya a la página de inicio para iniciar su sitio web.

Crear un repositorio de GitHub

Lo verás en la página de inicio de GitHub almacenamiento a la izquierda. Enumera todos sus archivos y nuevo botón para crear un nuevo perfil.

Figura 2 Cómo utilizar las páginas de GitHub para el alojamiento gratuito de sitios web

hacer clic nuevo Vaya a una nueva pantalla para ingresar información sobre el archivo. Primero, debe ingresar el nombre del repositorio. El nombre del repositorio debe ser el siguiente, donde [USERNAME] es su 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 dejar que las Páginas de GitHub determinen si el repositorio es un sitio directo o un contenedor de cifrado vacío.

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

escoger listado o privado Controla los permisos de los usuarios que pueden editar tu repositorio listado significa que cualquiera puede editar, privado Solo tú puedes editar.

Finalmente, puede crear un archivo README para el archivo para guardar la documentación de su proyecto. Puede crear o no dependiendo de su propósito.

Una vez que haya completado toda la información, haga clic en Crear un repositorio para terminar.

Edición y descarga de páginas web

Ahora que tiene el almacenamiento directamente en GitHub, visite la herramienta de línea de comandos Navegue hasta donde desea guardar el proyecto y ejecute el siguiente comando, asegurándose de reemplazar [USERNAME] Utilice el nombre de usuario real:

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

La función de clonación de git es para crear una copia del almacenamiento de su computadora para que pueda editar el código. Todos los cambios realizados en este código se guardarán en el repositorio principal a través de la línea de comandos.

El archivo ya está almacenado en un directorio, vaya a ese directorio usando la herramienta para la línea de comandos o simplemente haga clic en una carpeta en su computadora. Cree un archivo index.html en este directorio. El archivo HTML contendrá el código.

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

, ingresa hola. Esta es solo una línea que muestra texto y garantiza que el sitio funcione.

Utilice la línea de comando para volver al directorio del código de archivo. Ahora puede guardar sus cambios en el repositorio ejecutando este código git.

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

Esto puede ser confuso si no ha usado Git antes, pero es bastante simple.git añadir --todos Agregue todos sus cambios a la cola para guardar. git cometer Los cambios aún no se han realizado utilizando la bandera -m, que se utiliza para agregar una descripción de lo que ha cambiado en este comité. Por ejemplo, se puede editar guardar los cambios anteriores. empujar git Complete los cambios y cargue el nuevo código en el repositorio.

Ver el sitio web de Páginas de GitHub

Ahora puedes ver el resultado final. Abra un navegador web y vaya a https: // [USERNAME] .github.io.no olvides reemplazar [USERNAME] Usa el nombre de tu repositorio.

Verá el sitio publicado en tiempo real, visible en cualquier navegador, en cualquier computadora, tableta o teléfono. Este es un sitio web completamente funcional.

Ahora que sabe cómo alojar un sitio web gratuito de GitHub Pages, puede crear cualquier tipo de sitio web estático. Esta es una excelente opción para desarrolladores y personas que solo necesitan una pequeña solución.

¡Buena suerte con la implementación!

Deja una respuesta

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

Subir
error: Content is protected !!