Uso de GitHub para alojar un sitio web estático gratuito

En este tutorial, vamos a aprender a usar GitHub para alojar nuestro sitio web, sin pagar nada , usando Páginas de GitHub.

Es importante que siga este vínculo como requisito previo para este tutorial.

Es posible que un principiante no esté seguro de invertir en la compra de espacio en el servidor, y GitHub hace su trabajo, de forma gratuita, de una manera mucho más limpia y elegante, utilizando una función proporcionada por GitHub llamada «Páginas de GitHub».

En primer lugar, pidamos a todas las tecnologías que vamos a utilizar que nos den su rápida y dulce presentación.

HTML Elemento básico de todos los sitios web, un lenguaje de marcado estándar que, junto con CSS y JAVASCRIPT, utilizan los desarrolladores web para crear sitios web, interfaces de usuario móviles y aplicaciones.
CSS Un lenguaje de hoja de estilo utilizado para establecer el estilo de los elementos HTML.
JavaScript Comúnmente utilizado para crear efectos interactivos dentro de los navegadores web.
jekyll Jekyll es un motor de análisis empaquetado como una gema de ruby que se utiliza para crear sitios web estáticos a partir de componentes dinámicos como plantillas, parciales, código líquido, rebajas, etc. y ayuda a transformar su texto sin formato en sitios web y blogs estáticos. Jekyll es conocido como «un generador de sitios estáticos simple, consciente de los blogs».
GitHub El famoso servicio de alojamiento de repositorio GIT basado en la web, y en este caso, nos ayudará a alojar nuestro sitio web.

¡¡Vamos a empezar!!

 Paso 1:   Cree/Inicie sesión en su cuenta de GitHub. 

 Paso 2   Cree un nuevo repositorio de GitHub Vaya a su tablero y busque el botón «Nuevo repositorio». Haga clic en él para crear un nuevo repositorio y asígnele el nombre que desee, digamos que llamé a mi repositorio » first-repo-gfg » y en la descripción puede proporcionar información sobre su repositorio.

Al crear un nuevo repositorio, GitHub solicita que se complete una variedad de detalles sobre el nuevo repositorio. No debe preocuparse en absoluto, solo escriba el nombre del repositorio y marque Agregar un archivo README , creará un archivo en su carpeta raíz, si desea saber qué es el archivo Léame, puede consultarlo aquí . Habrá 2 opciones más, una es para agregar .gitignore y elegir una licencia, puede ignorar estas dos opciones por ahora. Asegúrese de que su repositorio sea público y simplemente haga clic en crear repositorio.

 

Una vez que haya creado su Repositorio, se verá así, puede editar su archivo Léame haciendo clic en el icono del lápiz y confirmar los cambios en la rama principal.

 

Paso 3 : ahora primero tenemos que clonar este repositorio en nuestro sistema local, así que para eso haga clic en el código y copie la URL de este repositorio.

 

Paso 4 : ahora abra git bash o cualquier terminal en el sistema, asegúrese de que git ya esté instalado y configurado correctamente. Ahora escriba el comando para clonar el repositorio, esto creará una carpeta en su sistema local con el mismo nombre que su repositorio de Github.

git clone » url del repositorio que ha copiado «

 

¡Aquí vamos! Su sitio web ya está en funcionamiento.

Ahora ingrese a esta carpeta, contendrá solo un archivo read.md, aquí debe crear su página web o un sitio web completo, hagamos una página web simple aquí y alójela en Github.

Cree un archivo index.html y escriba «Hola mundo, esta es mi primera página web». como esto 

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GFG</title>
</head>
<body>
    <h1>Hello World this is my first web page.</h1>
</body>
</html>

 

 

Paso 5 : ahora ejecuta algunos comandos básicos y envía este archivo a Github.

git añadir -A

git commit -a -m «primera confirmación»

maestro de origen git push

 

Ahora que la página web se envía a Github, puede ver este archivo index.html en su repositorio, ahora su repositorio contendrá 2 archivos (readme.md e index.html), ahora estamos listos para alojar nuestra página web.

 

Paso 6 : ahora solo sigue estos pasos cuidadosamente.

  1. Vaya a la configuración y desplácese hacia abajo a las páginas de Github
  2. Haz clic en “compruébalo aquí”
  3. Haga clic en el menú desplegable que actualmente no muestra ninguno y seleccione su sucursal en nuestro caso, es maestra.
  4. Haga clic en guardar, puede ver una URL en la parte superior con el formato https://<username>.github.io/<repo name>. Esta es la URL de su página web alojada.

 

 

Enhorabuena, ha alojado con éxito su primera página web de forma gratuita.

 

¡Ahora puede usar GitHub para probar sus proyectos HTML5 y CSS3, mostrarlos al mundo real, en un sitio web real y hermoso!

Así es como funcionan las páginas de GitHub, ¡muy fácil! Puede crear sitios de repositorio ilimitados.

 

 

Publicación traducida automáticamente

Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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