Páginas de Github & Gitlab

Rodrigo Boet

¿Qué son?

Las páginas de Github y Gitlab son un servicio
gratuito que permite a los usuarios a través de los repositorios
que utiliza servir archivos html, con css y javascript

¿Para qué sirven?

Servir de manera gratuita cualquier cosa que pueda ser
mostrada mediante páginas web.

¿Qué uso se les puede dar?

  • Mostrar prototipos no funcionales
  • Servir documentación de proyectos
  • Servir pruebas de plugins
  • Montar el frontend de proyectos
  • Infinitas posibilidades más...

¿Cómo funcionan?

Técnicamente la funcionalidad es servir los archivos en el
repositorio, tener el respectivo index.html en la ruta necesaria
y usar rutas relativas en todo el html

Gitlab Pages

Github Pages

  • Requiere un archivo de configuración
  • Utiliza CI visible para el despliegue
  • La configuración es realizada mediante la interfaz gráfica
  • Sólo acepta dos posibles rutas para mostrar las páginas

¿Cuál es mejor?

En lineas generales cumplen el mismo cometido, entonces
¿Qué hace mejor a una sobre la otra?
¿Que gitlab es más configurable, que github es más sencillo?
¿Hacer un archivo de integración continua es más díficil?

¿Cómo se usan?

Para la página principal

Github

Crear un repo con el nombre: nombredeusuario.github.io

Subir los datos al repo con el index.html en la raíz del proyecto

Habilitar esta opción en la configuración (Usualmente master) en el setting

Gitlab

Crear un repo con el nombre: nombredeusuario.gitlab.io

Crear un archivo .gitlab-ci.yml en la raíz con la siguiente estructura

Vaciar los datos a mostrar con el index.html en la carpeta indicada en artifacts > path

Subir los cambios al repo

Práctica