Tutoriel – Concevoir un site statique

→ Deux propositions : avec GitLab Pages ou GitHub Pages

Avec le GitLab d’Huma-Num

1. Dans GitLab, créer un nouveau projet, à partir d’un modèle, par ex.Pages/Plain HTML

2. Compléter les informations :

• Nom du projet
• Diminutif (slug) dans l’adresse URL
• Description du projet
• Niveau de visibilité public

3. Une fois le répertoire créé, ajouter le fichier qui constituera votre site web :

• Télécharger le fichier HTML modèle.

• Dans le dossier Public du projet créé, cliquer sur le fichier index.html.

• Cliquer sur Remplacer et téléverser le modèle.

4. Modifier le fichier HTML à votre guise.

5. Attendre que GitLab exécute le pipeline et génére votre site.

Une fois le pipeline terminé, accéder à votre site via l’URL basée sur le modèle suivant : [nom-utilisateur].gitpages.huma-num.fr/[nom-projet]

Avec GitHub

1. Dans GitHub, créer un nouveau répertoire vide (+puis New repository)

2. Compléter les informations :

• Nom du projet (Repository name)
• Description du projet
• Niveau de visibilité public (obligatoire)

3. Une fois le répertoire créé, ajouter le fichier qui constituera votre site web :

• Télécharger le fichier HTML modèle.
• Téléverser le modèle.
• Remplacer son titre pour index.html.

4. Déployer le site de votre dépôt :

• Dans Réglages (Settings), cliquer sur Pages et choisir GitHub Actions comme source de déploiement.
• Selon la nature des fichiers déposés, choisir l’action (workflow) correspondante, ici Static HTML.
• Valider la création du pipeline (static.yml) en cliquant sur Commit changes.

5. Laisser GitHub exécuter le pipeline et génèrer le site.

Une fois le pipeline terminé, accéder au site :

• Via l’URLhttps://[username].gitlab.io/[project-name]
• En cliquant sur le résultat dans Deployments (à droite)