Cómo alojar un sitio web de forma gratuita utilizando páginas de GitHub

Anuncio

Los planes de alojamiento web vienen en una variedad de opciones y puntos de precio. Existen planes más caros que tienen la capacidad de alojar los sitios web más grandes del mundo, pero ¿qué sucede si solo necesita una solución de alojamiento simple para un sitio web simple?

Para un sitio web estático o pequeñas aplicaciones web, existen planes de alojamiento gratuitos que pueden ponerlo en funcionamiento en línea en un momento. Requieren un poco más de configuración que un host pagado, pero es una compensación digna de forma gratuita.

GitHub Pages es una de esas opciones, y en este artículo le mostraremos cómo alojar un sitio web simple usando GitHub Pages de forma gratuita.

¿Qué son las páginas de GitHub?

Nota: para alojar en páginas de GitHub, deberá tener acceso a la totalidad del código de su sitio web. Por lo general, esta opción funciona mejor cuando codifica su sitio web desde cero.

GitHub Pages es un servicio creado por GitHub que le permite publicar un sitio web o aplicación web almacenándolo en un repositorio gratuito de GitHub.

Puede alojar un sitio web completo y "sitios de proyectos" ilimitados que pueden considerarse como "páginas" en un sitio web. El código del sitio web se almacena en un repositorio designado de GitHub, que GitHub luego publicará para verlo en cualquier computadora o tableta.

El proceso es bastante simple, pero hay un poco que cubrir. Veamos cómo lograr esto.

Conceptos básicos de GitHub

GitHub es un servicio de control de versiones popular para programadores informáticos que utiliza Git para almacenar y controlar el código. El código se almacena en repositorios, que son solo contenedores en un servidor en la nube que le permiten acceder a su código desde todas sus computadoras.

Puede crear nuevos repositorios utilizando el sitio web de GitHub o a través de la línea de comandos cuando tenga instalado Git. Los repositorios tienen nombres, pueden ser públicos o privados, y pueden almacenar código en cualquier idioma. Una vez que cree su repositorio, con Git puede extraer su código del servidor para realizar cambios y luego volver a cargarlo en GitHub.

Git es fácil de instalar en computadoras PC y Mac por yendo al sitio web de Git y siguiendo los pasos de instalación. Hay mucho para Git, pero puedes aprende los conceptos básicos de Git y úsalo muy rápido Administre su versión de archivo como un programador con GitLos programadores crearon sistemas de control de versiones (VCS) para resolver problemas de control de versiones de archivos. Echemos un vistazo a los conceptos básicos del control de versiones con el sistema superior de hoy, Git. Lee mas .

GitHub ya es un nombre familiar en programación, y GitHub Pages se vuelve muy útil cuando ya sabes cómo usarlo.

Configurar su sitio web en páginas de GitHub

El proceso de alojar un sitio web usando las páginas de GitHub se puede simplificar en tres pasos:

1. 1. Crea una cuenta de GitHub
   2. Crea un nuevo repositorio con algunas reglas
   3. Edite su código y cárguelo en GitHub para poner en funcionamiento su sitio web

Veamos un poco más de detalles sobre cómo publicar su sitio web estático en vivo en las páginas de GitHub. Necesitará algunos conocimientos de HTML, así que ahora es un buen momento para repasar algunos conceptos básicos de HTML 5 pasos para comprender el código HTML básicoHTML es la columna vertebral de cada página web. Si es un principiante, permítanos guiarlo por los pasos básicos para comprender HTML. Lee mas .

Creando su cuenta de GitHub

Debería tener Git instalado en este momento, si no, regrese a los conceptos básicos de GitHub y asegúrese de tenerlo completamente instalado. Necesitará Git para controlar su código a través de GitHub. Dirígete al sitio web de GitHub inscribirse.

Deberá elegir un nombre de usuario y registrarse con su dirección de correo electrónico y una contraseña. El nombre de usuario será importante para que su sitio web esté en funcionamiento. Una vez que se registre, inicie sesión en la página de inicio para iniciar su sitio web.

Crear su repositorio de GitHub

Desde la página de inicio de GitHub, verá una sección de "repositorios" en el extremo izquierdo. Aquí encontrará una lista de todos sus repositorios, así como un botón "Nuevo" que le permitirá crear un nuevo repositorio.

Haga clic en "Nuevo" y será llevado a una nueva pantalla para ingresar la información del repositorio. Primero, deberá ingresar el nombre del repositorio. El nombre del repositorio debe ser el siguiente, donde [USERNAME] es su nombre de usuario deseado:

[NOMBRE DE USUARIO] .github.io

Por ejemplo, si su nombre de usuario es Jake, entonces su nombre de repositorio será Jake.github.io. Este es un paso muy importante. Es la forma en que GitHub Pages identifica el repositorio como un sitio web en vivo frente a un contenedor en blanco en el que desea codificar.

Una vez que ingrese el nombre de usuario, puede ingresar una descripción opcional para agregar algunos detalles a su repositorio (es decir, "Mi sitio web de deportes").

Elija "público" o "privado" para controlar si otros usuarios pueden modificar su repositorio. Público significa que cualquiera puede modificar, privado significa que solo usted puede modificar.

Por último, puede crear un archivo README para su repositorio, que solo debe contener documentación para proyectos. Es totalmente opcional.

Ahora que lo has completado, haz clic en "Crear repositorio" para terminar.

Edición y carga de su sitio web

Ahora que tiene su repositorio en vivo en GitHub, diríjase a su terminal de línea de comando. Vaya a la ubicación donde desea almacenar su proyecto y ejecute el siguiente comando, asegurándose de reemplazar [USERNAME] con su nombre de usuario real:

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

La función "clonar" de git Cómo clonar un repositorio usando el escritorio de GitHub¿Quiere familiarizarse con el software en GitHub? Aquí le mostramos cómo llegar al este con la herramienta de escritorio GitHub optimizada. Lee mas solo hace una copia de su repositorio en su computadora para que pueda editar el código. Cualquier cambio que realice en este código se puede guardar en el repositorio principal a través de la línea de comando.

Ahora que el repositorio está almacenado en una carpeta, navegue hacia esa carpeta utilizando el terminal o simplemente haciendo clic en la carpeta de su máquina. Crear un index.html archivo dentro de esta carpeta. Este archivo HTML albergará su código.

Abra el archivo HTML en su editor de texto y agregue un

Regrese a la carpeta que almacena su código utilizando el terminal. Ahora puede guardar sus cambios en su repositorio ejecutando este código git

git add --todos git commit -m "Guardar cambios" git push -u maestro de origen. 

Esto puede ser confuso si nunca ha usado Git antes, pero es muy simple. git add –todos agrega todos los cambios que realizó en una cola para guardarlos. git commit prepara los cambios, con la opción -metro bandera que agrega una descripción de lo que cambió en esta confirmación. ("Guardar cambios" es un ejemplo. Podrías corregir cualquier cosa.) Por último, git push finaliza los cambios y carga el nuevo código en su repositorio.

Ver su sitio web de páginas de GitHub

Aquí ha habido mucho, pero ahora estás listo para ver el resultado final. Cargue su navegador web favorito y navegue hasta https://[USERNAME].github.io donde, nuevamente, [USERNAME] es reemplazado por su nombre de repositorio.

¡Verás tu sitio web publicado en vivo! Se puede ver en cualquier navegador en cualquier computadora, tableta o teléfono. Es un sitio web completamente funcional.

Más opciones de alojamiento web gratuito

Ahora que sabe cómo crear un sitio web alojado de forma gratuita en las páginas de GitHub, puede crear casi 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.

¿Necesita algo más poderoso que las páginas de GitHub? Revisa estos increíbles servicios de alojamiento web gratuitos Los mejores servicios gratuitos de alojamiento de sitios web en 2019Aquí están los mejores servicios gratuitos de alojamiento web que ofrecen mucho y tienen una mejor reputación que la mayoría. Lee mas .