Cómo usar GitHub Pages: Todas las claves

Alojado directamente desde un repositorio de GitHub, GitHub Pages nace para simplificar la edición y construcción de sitios web desde cero. Te explicamos en detalle cómo ponerlo en marcha y lo que necesitas para empezar con tu proyecto.  

¿Qué es GitHub Pages?

GitHub Pages es un servicio de alojamiento para webs estáticas que toma archivos HTML, CSS y Javascript directamente de un repositorio en GitHub y que, opcionalmente, ejecuta los archivos a través de un proceso de compilación y publica un sitio web.  

Se puede alojar el site en github.io o en tu propio dominio personalizado. De hecho, se pueden crear web de GitHub Pages que estén disponibles públicamente en Internet. También las organizaciones que usan GitHub Enterprise Cloud pueden publicar sites de forma privada administrando el control de acceso.  

Tipos de sites de GitHub Pages

Podemos encontrar tres tipos: 

• De proyecto: está conectado a un proyecto específico alojado en GitHub (una biblioteca de JavaScript o una colección de recetas. 
• De usuario: se debe crear un repositorio propiedad de una cuenta personal y los archivos fuente del site de un proyecto se almacenan en el mismo repositorio. 
• De organización: se debe crear un repositorio propiedad de una organización denominado <organization>.github.io .  

Una advertencia es que los sites de GitHub Pages están disponibles públicamente en Internet, incluso si el repositorio es privado, por lo que no se recomienda incluir datos confidenciales en el mismo.  

Ejemplos GitHub Pages

Te dejamos algunos ejemplos de páginas que utilizan GitHub Pages en este link como Jekyll, Netflix, Yelp, Twitter, Facebook…  

Cómo desplegar GitHub Pages

Puedes utilizar GitHub Pages para mostrar proyectos de código abierto, alojar un blog o compartir documentos. A continuación, te mostramos una guía de cómo hacerlo: 

Crear un sitio web

1. En la esquina superior derecha selecciona “Nuevo repositorio” 
2. Ingresa username.github.io como nombre del repositorio y reemplaza el “username” por el tuyo.  
3. En configuración, ve a la sección “Código y automatización” y clica “Páginas”. 
4. Sigue en “Creación e implementación” > Fuente > Implementar desde una rama > Sucursal > Selecciona una fuente de publicación 
5. Como opción optativa, puedes usar Readme para escribir el contenido de tu sitio, y podrás editar el archivo o mantener el contenido predeterminado. 
6. Puedes agregar más páginas creando más archivos nuevos. Cada archivo estará disponible en tu site en la misma estructura de directorio que su fuente de publicación.  

GitHub Assessments & Worskshops

En Plain Concepts te ofrecemos una amplia selección de assessments y workshops personalizados para que saques el máximo partido de GitHub y tus equipos se conviertan en los mejores expertos: 

• GitHub Maturity: descubre las capacidades y ventajas que puedes obtener de GitHub a través de nuestra evaluación personalizada con DevSecOps. Obtendrás la base para llevar los próximos pasos, una propuesta de implementación, puntos clave de mejora y la hoja de ruta para llevarlo a cabo. 
• GitHub Migration: con este workshop podrás: 
  • Identificar los puntos clave para las migraciones y escollos a evitar 
  • Capacitaremos a tu equipo para realizar las próximas migraciones. 
  • Documentaremos el proceso de migración. 
  • Se migrarán tus repositorios.  

• GitHub Basics: trabajaremos con tus desarrolladores para sacar el máximo partido de esta herramienta. Esto se traduce en 
  • Configuración de políticas y recomendaciones para organizaciones. 
  • Guías para desarrolladores sobre cómo trabajar con GitHub. 
  • Documentación sobre estrategias de ramificación y flujos de trabajo. 
  • Plantillas de inicio CI/CD. 
  • Configuraciones de políticas y recomendaciones para GitHub Copilot. 
  • Plantillas de inicio para publicar y consumir paquetes internos.  

• GitHub Developers Productivity: descubre las herramientas diseñadas para mejorar la productividad de los desarrolladores aprovechando la IA, el código fuente interno y las funciones avanzadas: 
  • Automatizaciones ampliadas para flujos de trabajo.
  • Estrategia sobre repositorios y paquetes para la colaboración dentro de los recursos. 
  • Recomendaciones ampliadas sobre el uso de GitHub Copilot (hackatons, proyectos piloto, etc.).  

• GitHub at Scale: mejora la gobernanza de tu organización de GitHub y escálala a nivel empresarial: 
  • Estrategia y políticas de gobierno de organizaciones.
  • Políticas para repositorios centradas en la colaboración interna. 
  • Aprovecha el control con GitHub Codespaces. 
  • Automatizaciones en el gobierno de repositorios, políticas y permisos. 

• GitHub Insights: refuerza tus equipos con informes personalizados: 
  • Define métricas de referencia para el rendimiento, la productividad y la calidad. 
  • Capacitación para crear nuevos informes. 
  • Mejor comprensión del proceso de desarrollo.  
  • Creación de métricas personalizadas. 

• GitHub Advanced Security: trabajamos con tus desarrolladores y equipo de seguridad para construir una estrategia sólida utilizando las herramientas de GitHub. Nuestros expertos te ayudarán a asegurar tu código con funciones de seguridad avanzadas: 
  • Orientación práctica para habilitar un equipo piloto, solucionar problemas y proporcionar un plan para el posterior despliegue.  
  • Trabajarás con un experto en GHAS para desarrollar un plan de despliegue y puesta en marcha exhaustivo. 
  • Acelera la adopción de la seguridad avanzada en tu organización. 

Si quieres convertirte en todo un experto de GitHub, no dudes en ponerte en contacto con nosotros y te asesoraremos durante todo el camino.