Skip to content

3.3.1 Étape 3 - Visualiser et partager votre formation sur des pages web

Mettre à jour la navigation multilingue

La première étape consiste à mettre à jour le fichier mkdocs.yml.

1 - Créer la nouvelle langue pour l'onglet de navigation

Ajouter la nouvelle langue à la suite des langues existantes en utilisant le même script.

Update of yml.file to create a new language on the GitHub portal - screencaption of GitHub.
Script de paramétrage des langues dans le document .yml.

  • name : nom de la langue tel qu'il apparaîtra dans l'onglet de navigation

  • link : extension de toutes les pages web statiques dans la nouvelle langue

  • lang : ID utilisé à la fin de chaque fichier markdown pour une seule langue

🏗️ Pour ajouter l'espagnol à l'onglet de navigation

  • nom : Español

  • link : . /es/

  • lang : es

2 - Traduire les titres et les contenus

⌨️ Ajouter de nouvelles entrées avec l'identifiant de la nouvelle langue : ici es pour espagnol. **Toute la navigation existante doit être fournie dans la nouvelle langue cible.

🏗️ Utilisez es pour espagnol.

From line 429 of the mkdocs.yml: translation of some of the navigation of the Mooc pages - screen caption of the script.
Exemple d'adaptation de script pour permettre la navigation en espagnol.

Comment générer les pages web statiques

En utilisant les pages GitHub, il est possible de générer des pages web statiques et de consulter toutes les ressources du Mooc à l'aide d'un navigateur web. Sur la page de votre projet GitHub, vous pouvez afficher l'adresse prédéfinie des pages web statiques comme [YOURNAME[.GitHub.io/ai4t/]

Visual : access to the predefined address of the static webpages and localisation of actions tab. tab.">
Accès à l'adresse prédéfinie des pages web statiques et localisation de l'onglet action.
Icone 1: Access the visualisation of the GitHub pages.

Accès à la visualisation des pages GitHub.

Icone 2 : Action tab : place to go to generate the static web pages.

Onglet Action : endroit où aller pour générer les pages web statiques.

Icone 3: Setting tab : update to make before going to *Action*- the action tab.

Onglet Setting : mise à jour à effectuer avant de passer à l'onglet Action.

Visual : Access to the setting for the commit of github-pages
Accès au paramétrage du commit des pages github.
Icone 1 : Once in the setting, choose the Pages tab.

Une fois dans la configuration, choisissez l'onglet Pages.

Icone 2 : Click on the button to commit changes in the gh-pages.

Cliquez sur le bouton pour valider les modifications dans les pages github.

Visual : generating a new workflow in the action tab.
Comment générer un nouveau flux de travail dans l'onglet action.

Pour générer le flux de travail, sélectionnez les 3 éléments dans l'ordre indiqué ci-dessus.

Il faut un certain temps (plusieurs minutes) pour que la tâche soit achevée. Ensuite, il y a un décalage dans la génération des pages web statiques, vous devez donc attendre un peu avant de pouvoir les visualiser sur YOURNAME.GitHub.io/ai4t/.

Ces instructions sont une présentation très simplifiée de la manière de visualiser les pages Gitbub. Pour plus de détails, consultez la documentation officielle de Git : https://pages.GitHub.com/