Introducción Hello, World!


Figura 1

Escribamos un ejemplo HTML más complejo utilizando una tabla que muestre el texto “¡Hola, mundo!” en diferentes idiomas y que se renderice como: Ejemplo de tabla HTML


Figura 2

Un ejemplo similar escrito utilizando listas HTML tendría el siguiente aspecto: Ejemplo de lista HTML


Figura 3

Las páginas pueden crearse de varias maneras: generación estática del lado delservidor (donde el HTML se genera una vez en el servidor y no cambia a partir deentonces), generación dinámica del lado del servidor (donde el servidor puede actualizary enviar nuevo HTML basándose en las peticiones del navegador del usuario), y generacióndel lado del cliente (donde partes de las páginas HTML son generadas por el navegadorusando código Javascript)

Figura 4

Static websites in GitHub Pages technology overview diagram

Figura 5

Plus button

Figura 6

Botón de nuevo proyecto

Figura 7

Blank new repository page

Figura 8

Repositorio de Github para el sitio web del grupo

Creación con Markdown


Figura 1

README preview

Figura 2

Interfaz de edición del archivo README de los sitios web degrupo

Figura 3

Vista previa del contenido renderizado del archivo README de los sitios web delgrupo

Figura 4

After commiting README changes

Figura 5

Vista previa del formato añadido al README

Alojar páginas en GitLab


Figura 1

Edit IDE

Figura 2

Botón de control de versiones IDE

Figura 3

IDE version control

Figura 4

Captura de pantalla del proyecto HTML simple

Figura 5

Primera tubería en ejecución

Figura 6

Desde que nos detuvimos y comprobamos cómo era nuestra carpeta remota, puede que tu pipeline ya esté passed. Si no es así, espera a que lo sea.


Figura 7

La URL de la página en Configuración>Páginas

Figura 8

Simple website view

Figura 9

Plain HTML template

Páginas GitLab con Jekyll


Figura 1

Basic Jekyll

Figura 2

Acerca de Jekyll

Páginas GitLab con Sphinx


Figura 1

Sphinx quickstart

Páginas GitLab con libros Jupyter


Plantillas GitLab


Figura 1

fork a repository through the Fork button

Figura 2

el menú del proyecto fork

Figura 3

remove fork relationship

Cuando las cosas van mal


Figura 1

haga clic en el botón de error para acceder al registro de la tubería