Si tiene un sitio web simple, no necesita pagar por el alojamiento web.  ¡Puedes usar las páginas de GitHub gratis!

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. Hay 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 aplicaciones web pequeñas, existen planes de alojamiento gratuitos que pueden ponerlo en funcionamiento en línea en un momento. Requie

Anuncio

Los planes de alojamiento web vienen en una variedad de opciones y puntos de precio. Hay 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 aplicaciones web pequeñas, 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 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.

Muestra de muestra para páginas 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 yendo al sitio web de Git y siguiendo los pasos de instalación. Git tiene mucho, pero puede aprender los conceptos básicos de Git y usarlo muy rápidamente. Administre su versión de archivo como un programador con Git Administre su versión de archivo como un programador Con Git Programmers creó sistemas de control de versión (VCS) para resolver el control de versión de archivo problemas. 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 la 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 hospedar un sitio web usando las páginas de GitHub se puede simplificar en tres pasos:

  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
  4. 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, por lo que ahora es un buen momento para repasar algunos conceptos básicos de HTML 5 pasos para comprender el código HTML básico 5 pasos para comprender el código HTML básico HTML 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, vuelva a lo básico 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 para registrarte.

    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.

    Nueva pantalla de repositorio para GitHub

    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:

     [USERNAME].github.io 

    Por ejemplo, si su nombre de usuario es Jake, 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. Navegue 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 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. Cree un archivo index.html dentro de esta carpeta. Este archivo HTML albergará su código.

    Abra el archivo HTML en su editor de texto y agregue una línea, escribiendo "Hola". Esto es simplemente una línea para mostrar texto y asegurarse de que el sitio web esté funcionando.

    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 --all git commit -m "Save changes" git push -u origin master 

    Esto puede ser confuso si nunca ha usado Git antes, pero es muy simple. git add –todo agrega todos los cambios realizados en una cola para guardarlos. git commit prepara los cambios, con el indicador opcional -m que agrega una descripción de lo que cambió en este commit. ("Guardar cambios" es un ejemplo. Podría 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 gran 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? Eche un vistazo a estos increíbles servicios de alojamiento web gratuitos Los mejores servicios de alojamiento de sitios web gratuitos en 2019 Los mejores servicios de alojamiento de sitios web gratuitos en 2019 Estos son los mejores servicios de alojamiento web gratuitos que ofrecen mucho y tienen una mejor reputación que la mayoría. Lee mas .

Explore más sobre: ​​Tutoriales de codificación, GitHub, Web Hosting.