From 29cb73dd8ac05abb5ee2059ec195a010b936707d Mon Sep 17 00:00:00 2001 From: niltied Date: Tue, 16 Jan 2024 00:26:27 +0000 Subject: [PATCH 01/58] [create-pull-request] automated change --- assets/jsconfig.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/jsconfig.json b/assets/jsconfig.json index e9ed295a..63a9e8c3 100644 --- a/assets/jsconfig.json +++ b/assets/jsconfig.json @@ -3,7 +3,7 @@ "baseUrl": ".", "paths": { "*": [ - "../../../.cache/hugo_cache/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/v4@v4.1.1/assets/*" + "../../../../../../tmp/hugo_cache_runner/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/v4@v4.1.1/assets/*" ] } } From eca0d4f819534bf0078dc067e0ed610a7db5bb0f Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 14:39:02 +0100 Subject: [PATCH 02/58] Translate guides to french --- content/posts/_index.fr.md | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 content/posts/_index.fr.md diff --git a/content/posts/_index.fr.md b/content/posts/_index.fr.md new file mode 100644 index 00000000..9ddd6a18 --- /dev/null +++ b/content/posts/_index.fr.md @@ -0,0 +1,3 @@ +--- +title: Billets +--- From da20712b64d9101cb139332896bb7a5a6781b487 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 14:41:42 +0100 Subject: [PATCH 03/58] Translate guides to french --- content/posts/configuration/_index.fr.md | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 content/posts/configuration/_index.fr.md diff --git a/content/posts/configuration/_index.fr.md b/content/posts/configuration/_index.fr.md new file mode 100644 index 00000000..39b87c80 --- /dev/null +++ b/content/posts/configuration/_index.fr.md @@ -0,0 +1,8 @@ +--- +title: Configuration +menu: + sidebar: + name: Configuration + identifier: configuration + weight: 100 +--- \ No newline at end of file From ccfabe1d58c1f4743999b00bc8f6eb34a9547a3d Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 14:44:54 +0100 Subject: [PATCH 04/58] Translate post in french --- content/posts/external-link/index.fr.md | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 content/posts/external-link/index.fr.md diff --git a/content/posts/external-link/index.fr.md b/content/posts/external-link/index.fr.md new file mode 100644 index 00000000..f15c3a3f --- /dev/null +++ b/content/posts/external-link/index.fr.md @@ -0,0 +1,11 @@ +--- +title: "Lien externe sur barre latérale" +date: 2022-03-14T06:00:23+06:00 +description: Ajouter un lien externe sur la barre latérale +menu: + sidebar: + name: Exemple de lien externe + identifier: external-link + pageRef: https://example.com/ + weight: 850 +--- \ No newline at end of file From 7f17c63433b3f8da455a8a78be738b53adec1929 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 14:48:15 +0100 Subject: [PATCH 05/58] Translate guides to french --- .../getting-started/prepare-site/index.fr.md | 312 +++++------------- content/posts/translation/_index.fr.md | 8 + .../translation/new-language/index.fr.md | 162 +++++++++ content/posts/writing-posts/_index.fr.md | 8 + 4 files changed, 253 insertions(+), 237 deletions(-) create mode 100644 content/posts/translation/_index.fr.md create mode 100644 content/posts/translation/new-language/index.fr.md create mode 100644 content/posts/writing-posts/_index.fr.md diff --git a/content/posts/getting-started/prepare-site/index.fr.md b/content/posts/getting-started/prepare-site/index.fr.md index 15dda09c..ac03ea36 100644 --- a/content/posts/getting-started/prepare-site/index.fr.md +++ b/content/posts/getting-started/prepare-site/index.fr.md @@ -1,6 +1,6 @@ --- title: "Préparer Votre Site" -date: 2023-11-06T21:44:20+02:00 +date: 2020-06-08T23:00:20+06:00 menu: sidebar: name: Préparer votre site @@ -11,7 +11,7 @@ menu: Dans ce billet, nous allons créer un site hugo de zéro. Nous le configurerons avec le thème `toha`, le rendre multilingue, ajouter quelques exemples de billets. A la fin de ce billet, vous devriez être capable d'exécuter pleinement un site Hugo avec le thème `Toha` localement. -Si vous voulez un démarrage de la tête, vous pouvez juste forker le dépôt [hugo-toha/hugo-toha.github.io](https://github.com/hugo-toha/hugo-toha.github.io), renommez-le et mettez-le à jour avec vos propres données. Ce dépôt a déjà été configuré pour déployer sur [Github Pages](https://pages.github.com/) et [Netlify](https://www.netlify.com/). +Si vous voulez démarrer d'une base, vous pouvez juste cloner le dépôt [hugo-toha/hugo-toha.github.io](https://github.com/hugo-toha/hugo-toha.github.io), renommez-le et mettez-le à jour avec vos propres données. Ce dépôt a déjà été configuré pour déployer sur [Github Pages](https://pages.github.com/) et [Netlify](https://www.netlify.com/). Si vous avez déjà un site hugo, sautez à la section [Ajouter un thème](#add-theme) @@ -24,48 +24,64 @@ D'abord, créez un dépôt sur Github. Si vous voulez déployer ce site dans Git Maintenant, assurez-vous d'avoir [Hugo](https://gohugo.io/getting-started/installing/) installé. Ce thème devrait fonctionner avec hugo version `v0.118.0` et plus. Maintenant, lancez la commande suivante depuis la racine de votre dépôt pour initier un site web hugo. ```console -$ hugo new site ./ -f --format yaml +$ hugo new site ./ --format=yaml --force ``` -Cette commande créera une structure de base d'un site hugo. Ici, le flag `--format yaml` indique à hugo de créer un fichier de configuration au format YAML et le flag `-f` force hugo à créer un site même si le répertoire cible n'est pas vide. +Cette commande créera une structure de base d'un site hugo. Ici, le flag `--format yaml` indique à hugo de créer un fichier de configuration au format YAML et le flag `--force` force hugo à créer un site même si le répertoire cible n'est pas vide. Cela va créer un fichier `hugo.yaml` qui conservera toutes les configurations nécessaires à votre site. -### Initialiser le dépôt git - -Maintenant, il est temps d'ajouter git à votre site web. Initialisez le dépôt git en utilisant la commande suivante : +### Ajouter un thème +Nous allons utiliser un module hugo pour ajouter le thème `Toha` dans votre site. D'abord, initialisez les modules hugo en utilisant la commande suivante: ```console -$ git init +$ hugo mod init github.com// ``` +Cette commande va créer un fichier `go.mod` à la racine de votre dépôt. -### Ajouter un thème +Puis, ajoutez la section module suivante dans votre fichier `hugo.yaml`: -Maintenant, il est temps d'ajouter un thème dans votre site. Ajoutez le thème Toha comme un sous-module git de votre dépôt en utilisant la commande suivante: - -```console -$ git submodule add https://github.com/hugo-toha/toha.git themes/toha +```yaml +module: + imports: + - path: github.com/hugo-toha/toha/v4 + mounts: + - source: ./node_modules/flag-icon-css/flags + target: static/flags + - source: ./node_modules/@fontsource/mulish/files + target: static/files + - source: ./node_modules/katex/dist/fonts + target: static/fonts ``` -{{< vs 1 >}} - ->N'utilisez pas l'URL SSH du thème durant son ajout en tant que sous-module git. Aussi, ne clonez pas le thème dans votre répertoire `themes` en utilisant `git clone`. Sinon, nous ne pourrons pas automatiser la publication du site en utilisant Github Action ou Netlify. +Finalement, exécutez les commandes suivantes pour télécharger le thème et ses dépendances: + +```bash +# Télécharge le theme +hugo mod get -u +# Télécharge les dépendances du thème +hugo mod tidy +# Génère les dépendances node +hugo mod npm pack +# Installe les dépendances install +npm install +``` ### Lancer le site localement -Maintenant, vous pouvez déjà exécuter votre site localement. Observons le site en mode veille en utilisant la commande suivante: +Maintenant, vous pouvez déjà exécuter votre site localement. Lançons le site en mode observation en utilisant la commande suivante: ```console -$ hugo server -t toha -w +$ hugo server -w ``` -Si vous naviguez sur `http://localhost:1313`, vous devriez voir un site de base avec le thème Toha. Dans la section suivante, nous allons configurer le site pour ressembler au [hugo-toha.github.io](https://hugo-toha.github.io/). Comme nous avons exécuté le serveur en mode veille, tous les changements que nous feront au site seront instantanément visibles dans le navigateur. +Si vous naviguez sur `http://localhost:1313`, vous devriez voir un site basique avec le thème Toha. Dans la prochaine section, nous allons configurer le site pour qu'il ressemble à [hugo-toha.github.io](https://hugo-toha.github.io/). Comme nous avons lancé le serveur en mode observation, n'importe quels changements que nous faisons sur le site sera instantanément visible dans votre navigateur. ### Configurer le site Maintenant, nous sommes prêt à configurer notre site. Dans cette section, nous allons ajouter les informations de l'auteur, différentes sections, et des echantillons de billets etc. -#### Mise à jour du `config.yaml` +#### Mise à jour `hugo.yaml` -Quand vous avez créé le site en utilisant la commande `hugo new site`, il a créé un fichier `config.yaml` à la racine de votre dépôt. Remplacer le contenu par défaut du fichier `config.yaml` avec ce qui suit: +Quand vous avez créé le site en utilisant la commande `hugo new site`, cela a créé un fichier `hugo.yaml` à la racine de votre dépôt. Remplacer le contenu par défaut du fichier `hugo.yaml` avec ce qui suit: ```yaml baseURL: https://hugo-toha.github.io @@ -74,6 +90,7 @@ languageCode: en-us title: "John's Blog" # Use Hugo modules to add theme + module: imports: - path: github.com/hugo-toha/toha/v4 @@ -126,27 +143,33 @@ params: # GitHub repo URL of your site gitRepo: https://github.com/hugo-toha/hugo-toha.github.io - # specify whether you want to write some blog posts or not - enableBlogPost: true + features: + # Enable portfolio section + portfolio: + enable: true + + # Enable blog posts + blog: + enable: true - # specify whether you want to show Table of Contents in reading page - enableTOC: true + # Enable Table of contents in reading page + toc: + enable: true - # Provide newsletter configuration. This feature hasn't been implemented yet. - # Currently, you can just hide it from the footer. - newsletter: + # Configure footer + footer: enable: true ``` Ici, vous voyez une configuration de base pour le thème Toha. Vous pouvez voir le fichier de configuration utilisé dans le site d'exemple [ici](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/config.yaml). Pour des options de configurations plus détaillées, s'il vous plaît consultez [ce billet](https://toha-guides.netlify.app/posts/configuration/site-parameters/). -#### Ajouter de données +#### Ajouter des données -La plupart des contenus de ce thème sont pilotés par quelques fichiers YAML dans le répertoire `data`. Dans cette section, nous allons ajouter quelques échantillons de données. Puisque nous sommes en train de bâtir un site multilingue, nous allons séparer les données de chaque langue dans leur propre répertoire local. +La plupart des contenus de ce thème sont pilotés par quelques fichiers YAML dans le répertoire `data`. Dans cette section, nous allons ajouter quelques échantillons de données. Puisque nous sommes en train de bâtir un site multilingue, nous allons garder les données de chaque langue dans leur propre répertoire local. D'abord, créez le répertoire `en` dans votre répertoire `data`. Ici, nous sommes en train d'ajouter des données pour la langue `anglaise`. -##### Informations sur le site +##### Informations du site Maintenant, créez un fichier `site.yaml` dans le répertoire `/data/en/` de votre dépôt. Ajoutez-y le contenu suivant: @@ -154,13 +177,13 @@ Maintenant, créez un fichier `site.yaml` dans le répertoire `/data/en/` de vot # Copyright Notice copyright: © 2020 Copyright. -# Meta description de votre site. Ca aidera les moteurs de recherche à retrouver votre site. +# Meta description de votre site. Cela peut aider les moteurs de recherche à trouver votre site. description: Portfolio and personal blog of John Doe. ``` -Pour voir toutes les options disponibles pour les informations du site, consulter [cet extrait de fichier](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/data/en/site.yaml). +Pour voir toutes les options disponibles pour les informations du site, consultez [cet extrait de fichier](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/data/en/site.yaml). -##### Informations sur l'auteur +##### Informations de l'auteur Maintenant, créez un fichier `author.yaml` dans le répertoire `data/en` et ajoutez vos informations comme suit: @@ -195,7 +218,7 @@ Maintenant, nous allons ajouter différentes sections dans notre page d'accueil. ###### La section A propos -Créons un fichier `about.yaml` dans votre répertoire `/data/en/sections`. Puis ajoutez le contenu suivant: +Créez un fichier `about.yaml` à l'intérieur de votre répertoire `/data/en/sections`. Puis ajoutez le contenu suivant: ```yaml # Information de section @@ -217,11 +240,11 @@ company: # Votre Curriculum Vitae. Le chemin de ce fichier doit être relatif vers le répertoire "static" resume: "files/resume.pdf" -# Un résumé sur vous. +# Un résumé sur vous summary: 'I am a passionate software engineer with x years of working experience. I built OSS tools for [Kubernetes](https://kubernetes.io/) using GO. My tools help people to deploy their workloads in Kubernetes. Sometimes, I work on some fun projects such as writing a theme, etc.' # Vos liens sur les réseaux sociaux -# Mettez-en autant que vous voulez. Utilisez font-awesome pour les icônes +# Mettez-en autant que vous voulez. Utilisez font-awesome pour les icônes. socialLinks: - name: Email icon: "fas fa-envelope" @@ -247,7 +270,7 @@ socialLinks: icon: "fab fa-facebook" url: "#" -# Affichez vos badges +# Affiche vos badges # Vous pouvez montrer vos certifications depuis https://www.credly.com # Vous pouvez aussi afficher des barres circulaire indiquant le niveau d'expertise de certaines compétences badges: @@ -288,219 +311,34 @@ badges: # color: "#00adb5" ``` -Mettre le fichier `resume.pdf` dans le répertoire `/static/files`. Vous pouvez trouver le fichier `about.yaml` utilisé dans le site exemple depuis [ici](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/data/en/sections/about.yaml). - -###### Section Compétences - -Créons un fichier `skills.yaml` dans votre répertoire `/data/en/sections`. Puis ajoutez le contenu suivant: - -```yaml -# Information de section -section: - name: Skills - id: skills - enable: true - weight: 2 - showOnNavbar: true - # En option : Possibilité de masquer le titre dans les sections - # hideTitle: true - -# Vos compétences -# Donnez un bref résumé pour chaque compétence dans le champ summary -skills: -- name: Kubernetes - logo: "/images/sections/skills/kubernetes.png" - summary: "Capable of deploying, managing application on Kubernetes. Experienced in writing Kubernetes controllers for CRDs." - url: "https://kubernetes.io/" - -- name: Go Development - logo: "/images/sections/skills/go.png" - summary: "Using as the main language for professional development. Capable of writing scalable, testable, and maintainable program." - url: "https://golang.org/" - -- name: Cloud Computing - logo: "/images/sections/skills/cloud.png" - summary: "Worked with most of the major clouds such as GCP, AWS, Azure etc." -``` - -Mettez vos images de compétences dans le répertoire `images/sections/skills` de votre dépôt. Vous trouverez les images [ici](https://github.com/hugo-toha/hugo-toha.github.io/tree/source/assets/images/sections/skills). Vous pouvez également trouver le fichier `skills.yaml` utilisé dans le site exemple par [là](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/data/en/sections/skills.yaml). - -###### Section Expériences - -Créez un fichier `experiences.yaml` dans votre répertoire `/data/en/sections`. Puis ajoutez le contenu suivant: - -```yaml -# Information de section -section: - name: Experiences - id: experiences - enable: true - weight: 3 - showOnNavbar: true - # En option : Possibilité de masquer le titre dans les sections - # hideTitle: true - -# Vos expériences -experiences: -- company: - name: Example Co. - url: "https://www.example.com" - location: Dhaka Branch - # Aperçu de l'entreprise - overview: Example Co. is a widely recognized company for cloud-native development. It builds tools for Kubernetes. - positions: - - designation: Senior Software Engineer - start: Nov 2019 - # Si vous êtes toujours en poste, n'indiquez pas de date de fin. Ce sera remplacé par "Aujourd'hui" - # end: Dec 2020 - # Indiquez quelques éléments à propos de vos responsabilités au sein de l'entreprise. - responsibilities: - - Design and develop XYZ tool for ABC task - - Design, develop and manage disaster recovery tool [Xtool](https://www.example.com) that backup Kubernetes volumes, databases, and cluster's resource definition. - - Lead backend team. - -- company: - name: PreExample Co. - url: "https://example.com" - location: Nowhere - overview: PreExample Co. is a gateway company to enter into Example co. So, nothing special here. - positions: - - designation: Software Engineer - start: March 2016 - end: May 2017 - responsibilities: - - Write lots of example codes. - - Read lots of examples. - - See lots of example videos. -``` - -Vous pouvez trouver le fichier `experiences.yaml` utilisé dans le site exemple par [ici](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/data/en/sections/experiences.yaml). - -###### Section Projets - -Créez un fichier `projects.yaml` dans votre répertoire `/data/en/sections`. Puis ajoutez le contenu suivant: - -```yaml -# Information de section -section: - name: Projects - id: projects - enable: true - weight: 5 - showOnNavbar: true - # En option : Possibilité de masquer le titre dans les sections - # hideTitle: true - -# buttons de filtrage -buttons: -- name: All - filter: "all" -- name: Professional - filter: "professional" -- name: Academic - filter: "academic" -- name: Hobby - filter: "hobby" - -# vos projets -projects: -- name: Kubernetes - logo: /images/sections/projects/kubernetes.png - role: Contributor - timeline: "March 2018 - Present" - repo: https://github.com/kubernetes/kubernetes # Si votre projet est un dépôt public sur GitHub, alors fournissez le lien. Ca affichera le compteur d'étoile. - #url: "" # Si votre projet n'est pas public mais il a un site web or quelques urls externes, alors fournissez les ici. Ne fournissez pas "repo" et "url" simultanément. - summary: Production-Grade Container Scheduling and Management. - tags: ["professional", "kubernetes", "cloud"] - -- name: Tensorflow - logo: /images/sections/projects/tensorflow.png - role: Developer - timeline: "Jun 2018 - Present" - repo: https://github.com/tensorflow/tensorflow - #url: "" - summary: An Open Source Machine Learning Framework for Everyone. - tags: ["professional", "machine-learning","academic"] - -- name: Toha - logo: /images/sections/projects/toha.png - role: Owner - timeline: "Jun 2019 - Present" - repo: https://github.com/hossainemruz/toha - summary: A Hugo theme for personal portfolio. - tags: ["hobby","hugo","theme","professional"] -``` - -Mettez les images des projets dans le répertoire `images/sections/projects/`. Vous trouverez les images [ici](https://github.com/hugo-toha/hugo-toha.github.io/tree/source/assets/images/sections/projects). Vous pouvez également trouver le fichier `projects.yaml` utilisé dans le site exemple par [là](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/data/en/sections/projects.yaml). - -###### Section Billets récents - -Créez le fichier `recent-posts.yaml` dans votre répertoire `/data/en/sections/`. Puis ajoutez le contenu suivant: - -```yaml -# Information de section -section: - name: Recent Posts - id: recent-posts - enable: true - weight: 6 - # En option : Possibilité de masquer le titre dans les sections - # hideTitle: true - -# Pas de configuration additionnelles requises -``` - -Vous pouvez trouver le fichier `recent-posts.yaml` utilisé dans le site d'exemple [ici](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/data/en/sections/recent-posts.yaml). +Mettre le fichier `resume.pdf` dans le répertoire `/static/files` de votre dépôt. Vous pouvez trouver le fichier `about.yaml` utilisé dans le site exemple depuis [ici](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/data/en/sections/about.yaml). -> Cette section sera vide jusqu'à ce que vous ajoutiez quelques billets dans votre site. +###### Ajouter d'autres sections -###### Section Réalisation - -Créez un fichier `achievements.yaml` dans votre répertoire `/data/en/sections/`. Puis ajoutez le contenu suivant: - -```yaml -# Information de section -section: - name: Achievements - id: achievements - enable: true - weight: 8 - showOnNavbar: true - # En option : Possibilité de masquer le titre dans les sections - # hideTitle: true - -# Vos réalisations -achievements: -- title: Best Presenter - image: /images/sections/achievements/presenter.jpg - summary: Best presenter in the 2020 XYZ conference. -- title: Champion - image: /images/sections/achievements/sport.jpg - summary: Champion in cycling inter-city cycling championship 2020. -- title: Graduation - image: /images/sections/achievements/graduation-cap.jpg - summary: Received Bachelor of Science (B.Sc.) in Computer Science and Engineer from XYZ University. -- title: Award Winner - image: /images/sections/achievements/woman-winner.jpg - summary: Wined best paper award at IEE Conference 2020. -``` +Pour conserver le caractère court de ce billet, nous l'avons divisé en différents billets. Ci-dessous, il y a la liste des billets qui vous montrera comment configurer les autres sections: -Mettez les images des projets dans le répertoire `images/sections/achievements/`. Vous trouverez les images [ici](https://github.com/hugo-toha/hugo-toha.github.io/tree/source/assets/images/sections/achievements). Vous pouvez également trouver le fichier `achievements.yaml` utilisé dans le site exemple par [là](https://github.com/hugo-toha/hugo-toha.github.io/blob/source/data/en/sections/achievements.yaml). +- [Configuration de la section A propos](/fr/posts/configuration/sections/about/). +- [Configuration de la section des études](/fr/posts/configuration/sections/education/). +- [Configuration de la section des expériences](/fr/posts/configuration/sections/experiences/). +- [Configuration de la section des projets](/fr/posts/configuration/sections/projects/). +- [Configuration de la section des billets récents](/fr/posts/configuration/sections/recent-posts/). +- [Configuration de la section des réalisations](/fr/posts/configuration/sections/achievements/). +- [Configuration de la section des compétences](/fr/posts/configuration/sections/skills/). #### Ajout de billets -Maintenant, nous sommes prêts à ajouter nos premiers billet dans notre site. Ici, nous allons ajouter ce [billet d'introduction](https://hugo-toha.github.io/posts/introduction/). +Maintenant, nous sommes prêts à ajouter notre premier billet sur notre site. Ici, nous allons ajouter ce [billet d'introduction](https://hugo-toha.github.io/posts/introduction/). - D'abord, créez un répertoire `posts` à l'intérieur du répertoire `content` de votre site. -- Ensuite, créez un fichier `_index.md` à l'intérieur du répertoire `posts`. Copiez le contenu de ce [fichier](https://raw.githubusercontent.com/hugo-toha/hugo-toha.github.io/source/content/posts/_index.md) et collez le dans le nouveau fichier `_index.md` récemment créé. +- Ensuite, créez un fichier `_index.md` à l'intérieur du répertoire `posts`. Copiez le contenu de ce [fichier](https://raw.githubusercontent.com/hugo-toha/hugo-toha.github.io/source/content/posts/_index.md) et collez-le dans le nouveau fichier `_index.md` récemment créé. - Créez un répertoire `introduction` à l'intérieur du répertoire `posts`. - Ajoutez le [hero.svg](https://raw.githubusercontent.com/hugo-toha/hugo-toha.github.io/source/content/posts/introduction/hero.svg) suivant à l'intérieur de votre répertoire `introduction`. - Maintenant, créez un fichier `index.md` à l'intérieur du répertoire `introduction`. Ce fichier `index.md` contiendra les contenus du billet. - Ajoutez l'[extrait de contenus](https://raw.githubusercontent.com/hugo-toha/hugo-toha.github.io/source/content/posts/introduction/index.md) suivant dans le fichier `index.md` récemment créé. -Désormais, votre billet devrait apparaître à `http://localhost:1313/posts` et votre section `Billets Récents` devrait aussi afficher la carte de ce billet. Pour traduire ce billet, créez simplement un nouveau fichier `index..md` dans le même répertoire. Puis, ajoutez le contenu traduit dedans. +Désormais, votre billet devrait apparaître à `http://localhost:1313/posts` et votre section `Billets Récents` devrait également afficher votre billet comme une carte. Pour traduire ce billet, créez simplement un nouveau fichier `index..md` dans le même répertoire. Puis, ajoutez le contenu traduit dedans. -Pour plus de billets d'échantillon, s'il vous plaît consultez [ici](https://github.com/hugo-toha/hugo-toha.github.io/tree/source/content/posts). +Pour plus de billets d'échantillon, regardez par [ici](https://github.com/hugo-toha/hugo-toha.github.io/tree/source/content/posts) s'il vous plaît. ### Et ensuite ? diff --git a/content/posts/translation/_index.fr.md b/content/posts/translation/_index.fr.md new file mode 100644 index 00000000..ea485995 --- /dev/null +++ b/content/posts/translation/_index.fr.md @@ -0,0 +1,8 @@ +--- +title: Traduction +menu: + sidebar: + name: Traduction + identifier: translation + weight: 500 +--- diff --git a/content/posts/translation/new-language/index.fr.md b/content/posts/translation/new-language/index.fr.md new file mode 100644 index 00000000..d038307e --- /dev/null +++ b/content/posts/translation/new-language/index.fr.md @@ -0,0 +1,162 @@ +--- +title: "Comment ajouter un langage non supporté ?" +date: 2024-01-15T06:20:50+06:00 +author: + name: BernatBC + image: images/author/bernatbc.png +menu: + sidebar: + name: Ajout d'une nouvelle langue + identifier: new-language + parent: translation + weight: 510 +--- + +Si vous voulez traduire vers une langue non supportée, vous pouvez traduire les éléments de l'UI. + +## Créer un fichier `i18n` + +Pour ce faire, vous avez à créer un répertoire `i18n` à l'intérieur de la racine de votre site, le répertoire où vous pouvez trouver le fichier `config.yaml`, et les répertoires tel que `data`, `content`, etc. + +Après cela, vous pouvez créer le fichier `.toml` dans le répertoire `i18n`. Dans ce [répertoire](https://github.com/hugo-toha/hugo-toha.github.io/tree/gh-pages/flags/1x1), vous pouvez trouver tous les codes de langue avec le drapeau qui apparaît avec ce code. + +## Traduire les éléments de l'UI + +A l'intérieur d'un nouveau fichier, copiez simplement le contenu suivant, et remplacez le contenu entre guillemets avec le nom de la langue désirée. + +{{< alert type="warning" >}} +Si le contenu ci-dessous devient obsolète, vous pouvez copier les contenus depuis le fichier [en](https://github.com/hugo-toha/toha/blob/main/i18n/en.toml). +{{< /alert >}} + +```toml +# More documentation here: https://github.com/nicksnyder/go-i18n +[home] +other = "Home" + +[posts] +other = "Posts" + +[toc_heading] +other = "Table of Contents" + +[tags] +other = "Tags" + +[categories] +other = "Categories" + +[at] +other = "at" + +[resume] +other = "My resume" + +[navigation] +other = "Navigation" + +[contact_me] +other = "Contact me:" + +[email] +other = "Email" + +[phone] +other = "Phone" + +[newsletter_text] +other = "Stay up to date with email notification" + +[newsletter_input_placeholder] +other = "Enter email" + +[newsletter_warning] +other = "By entering your email address, you agree to receive the newsletter of this website." + +[submit] +other = "Submit" + +[hugoAttributionText] +other = "Powered by" + +[prev] +other = "Prev" + +[next] +other = "Next" + +[share_on] +other = "Share on" + +[improve_this_page] +other = "Improve this page" + +[out_of] +other = "out of" + +[publications] +other = "Publications" + +[taken_courses] +other = "Taken Courses" + +[course_name] +other = "Course Name" + +[total_credit] +other = "Total Credit" + +[obtained_credit] +other = "Obtained Credit" + +[extracurricular_activities] +other = "Extracurricular Activities" + +[show_more] +other = "Show More" + +[show_less] +other = "Show Less" + +[responsibilities] +other = "Responsibilities:" + +[present] +other = "Present" + +[comments_javascript] +other = "Please enable JavaScript to view the" + +[comments_by] +other = "comments powered by" + +[read] +other = "Read" + +[project_star] +other = "Star" + +[project_details] +other = "Details" + +[err_404] +other = "The page you are looking for is not there yet." + +[more] +other = "More" + +[view_certificate] +other = "View Certificate" + +[notes] +other = "Notes" + +[disclaimer_text] +other = "Liability Notice" + +[search] +other = "Search" + +[minute] +one = "minute" +other = "minutes" +``` diff --git a/content/posts/writing-posts/_index.fr.md b/content/posts/writing-posts/_index.fr.md new file mode 100644 index 00000000..2bd00595 --- /dev/null +++ b/content/posts/writing-posts/_index.fr.md @@ -0,0 +1,8 @@ +--- +title: Rédaction de billets +menu: + sidebar: + name: Rédaction de billets + identifier: writing-post + weight: 200 +--- \ No newline at end of file From c02e4bcd0dd1926206f8fb3dbed1fe732a685d12 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 14:51:47 +0100 Subject: [PATCH 06/58] Initial translation to french --- .../getting-started/theme-update/index.fr.md | 75 +++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 content/posts/getting-started/theme-update/index.fr.md diff --git a/content/posts/getting-started/theme-update/index.fr.md b/content/posts/getting-started/theme-update/index.fr.md new file mode 100644 index 00000000..8d17118a --- /dev/null +++ b/content/posts/getting-started/theme-update/index.fr.md @@ -0,0 +1,75 @@ +--- +title: "Automatiser la mise à jour du thème" +date: 2020-06-08T20:00:15+06:00 +menu: + sidebar: + name: MAJ auto du thème + identifier: getting-started-theme-update + parent: getting-started + weight: 40 +--- + +Pour garantir que votre site bénéfie des fonctionnalités et correctifs les plus récents, il est crucial de le maintenir à jour avec la dernière version du thème. Cet article vous guidera tout au long du processus de mise en place du workflow Github qui mettra à jour automatiquement la version du thème. Cette action réalisera quotidiennement une vérification d'une mise à jour du thème. Si une mise à jour est détectée, cela va générer une PR qui mettra à jour votre site avec la version du thème la plus récente. + +### Configurer Github Workflow + +Maintenant, créez un fichier `theme-update.yml` dans le répertoire `.github/workflows` de votre dépôt avec le contenu suivant: + +```yaml +name: "Theme Update" + +on: + schedule: + - cron: "0 0 * * *" + +jobs: + update-theme: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v4.1.1 + with: + ref: main + + - name: Setup Node + uses: actions/setup-node@v4 + with: + node-version: 18 + + - name: Setup Hugo + uses: peaceiris/actions-hugo@v2.6.0 + with: + hugo-version: "latest" + extended: true + + - name: Update hugo modules + run: | + # update to latest version of all modules + hugo mod get -u + + # update the npm dependencies + hugo mod npm pack + + # cleanup go.sum file + hugo mod tidy + + - name: Install node modules + run: npm install + + - name: Build + run: | + # build the site + hugo --minify + # remove file generated by the build + rm -rf public/ + + - name: Create Pull Request + uses: peter-evans/create-pull-request@v5 + with: + base: main + title: Update theme + labels: automerge +``` + +Vous êtes bien pour vous lancer. A partir de maintenant, cette action s'exécutera quotidiennement et génèrera une Pull Request si des mises à jour du thème sont détectées. + +From now on, this action will execute on a daily basis and generate a Pull Request if any updates to the theme are detected. From c082b22be822c44d367158c2805ed1811c0ea312 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 14:53:51 +0100 Subject: [PATCH 07/58] Minor fix content --- content/posts/getting-started/prepare-site/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/posts/getting-started/prepare-site/index.md b/content/posts/getting-started/prepare-site/index.md index ceea4d37..15cd42fc 100644 --- a/content/posts/getting-started/prepare-site/index.md +++ b/content/posts/getting-started/prepare-site/index.md @@ -25,7 +25,7 @@ Now, make sure that you have [Hugo](https://gohugo.io/getting-started/installing hugo new site ./ --format=yaml --force ``` -This command will create a basic hugo site structure. Here, `-f=yaml` flag tells hugo to create configuration file in YAML format and `--force` flag forces hugo to create a site even if the target directory is not empty. It will create `hugo.yaml` file that will hold the all the necessary configurations for your site. +This command will create a basic hugo site structure. Here, `--format=yaml` flag tells hugo to create configuration file in YAML format and `--force` flag forces hugo to create a site even if the target directory is not empty. It will create `hugo.yaml` file that will hold the all the necessary configurations for your site. ### Add Theme From db1230ecd0a23afce782ceefdd6de560131f5f63 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 15:31:58 +0100 Subject: [PATCH 08/58] Add Warning block to the content --- content/posts/analytics/index.es.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/content/posts/analytics/index.es.md b/content/posts/analytics/index.es.md index 8fce208c..648657b2 100644 --- a/content/posts/analytics/index.es.md +++ b/content/posts/analytics/index.es.md @@ -59,7 +59,9 @@ analytics: El código de seguimiento automáticamente será añadido a tu sitio web. +{{< alert type="warning" >}} Nota: En algunos sitios, aparece [an error has been detected](https://github.com/ihucos/counter.dev/issues/37), donde solo el directorio raíz ("/") se pasa a counter.dev, por lo que el seguimiento no mostrará nada en la sección "pages". Para solucionar este problema, se puede añadir `referrerPolicy: no-referrer-when-downgrade` como parámetro en la sección "counterDev", asegurando que las nuevas visitas a la página siempre se pasen correctamente a counter.dev. +{{< /alert >}} ### Google Analytics From 6038dd439315ae14a6587b53225186f97f4d34e2 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 15:32:15 +0100 Subject: [PATCH 09/58] Add Warning block to the content --- content/posts/analytics/index.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/content/posts/analytics/index.md b/content/posts/analytics/index.md index 2d5fd879..f8a3bc69 100644 --- a/content/posts/analytics/index.md +++ b/content/posts/analytics/index.md @@ -56,7 +56,9 @@ analytics: The tracking code will be automatically added to your site. +{{< alert type="warning" >}} Note: On some sites, [an error has been detected](https://github.com/ihucos/counter.dev/issues/37) where only the root directory ("/") is passed over to counter.dev, so the tracking wont show anything under the "pages" section. To fix this, one can add `referrerPolicy: no-referrer-when-downgrade` as a parameter on the "counterDev" section, ensuring that new page visits are always correctly passed onto counter.dev. +{{< /alert >}} ### Google Analytics From 83e50b001fd1ac070e92bef59551be528e7b53ca Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 15:32:43 +0100 Subject: [PATCH 10/58] Initial translation to french --- content/posts/analytics/index.fr.md | 95 +++++++++++++++++++++++++++++ 1 file changed, 95 insertions(+) create mode 100644 content/posts/analytics/index.fr.md diff --git a/content/posts/analytics/index.fr.md b/content/posts/analytics/index.fr.md new file mode 100644 index 00000000..91d70c22 --- /dev/null +++ b/content/posts/analytics/index.fr.md @@ -0,0 +1,95 @@ +--- +title: "Analytiques" +date: 2020-06-08T06:00:23+06:00 +description: Ajouter l'analytique dans hugo theme Toha +menu: + sidebar: + name: Analytiques + identifier: analytics + weight: 600 +--- + +## Analytiques + +Ce thème a été construit avec le support de divers outils d'analyse. Actuellement, il prends en charge les analyses suivantes: + +- [GoatCounter](https://www.goatcounter.com/) +- [counter.dev](https://counter.dev/) +- [Google Analytics](https://analytics.google.com) +- [Matomo](https://matomo.org/) + +Pour une liste complète des analyses supportées, référez vous au fichier d'échantillon [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml). + +{{< alert type="warning" >}} +Avertissement: Lors de l'ajout d'analyses, vous devriez prendre en considération la législation locale pour voir si une bannière de confidentialité est nécessaire pour informer les visiteurs du suivi de ses données personnelles. En général (pas un conseil juridique), les méthodes anonymes et respectueuses de la vie privée telles que [counter.dev](https://counter.dev) et [GoatCounter](https://www.goatcounter.com/) n'ont pas besoin d'une bannière, car ells ne collectent pas de données personnelles identifiables. +{{< /alert >}} + +### Goat Counter + +[GoatCounter](https://www.goatcounter.com/) est la méthode d'analyse la plus complète, simple et respectueuse de la vie privée supportée dans Toha. Ces scripts traquent les pages les plus vues, le nombre total d'utilisateur, et plus encore, tout en étant open source ! + +Pour activer l'analyse GoatCounter sur votre site, vous avez deux options: la première est de s'inscrire sur [goatcounter.com](https://www.goatcounter.com) et obtenir un code pour votre site, la seconde est une instance auto-hébergée de GoatCounter. Ensuite, vous avez à ajouter une section `analytics` sous la section `params.features` de votre fichier `config.yaml` comme ci-dessous: + +```yaml +analytics: + enable: true + services: + # GoatCounter + goatCounter: + code: # Not self-hosted + instance: # For self-hosted you should use only one of the two methods +``` + +### counter.dev + +[counter.dev](https://counter.dev) est un site d'analytique simple et respectueux de la vie privée qui vous permet de suivre le nombre total d'utilisateurs, la première page visitée et quelques autres métriques sur votre site web. Malheureusement, pour que les choses restent simples (et gratuites), elles ne montrent pas un classement des pages les plus visités, mais plutôt celles qui ont été consultées en premier. + +Vous pouvez l'activer par l'ajout de l'email avec lequel vous vous êtes inscrit sur la page de counter.dev sous la section `params.features` dans votre fichier `config.yaml` comme ci-dessous: + +```yaml +analytics: + enable: true + services: + counterDev: + id: +``` +Le code de suivi sera automatiquement ajouté à votre site. + +{{< alert type="warning" >}} +Remarques : Sur certains sites, [une erreur a été détectée](https://github.com/ihucos/counter.dev/issues/37) où seul le répertoire racine ("/") est passé à counter.dev, donc le suivi n'affiche rien sous la section "pages". Pour corriger cela, on peut ajouter `referrerPolicy: no-referrer-when-downgrade` comme paramètre dans la section "counterDev", en s'assurant que les nouvelles visites de pages sont toujours correctement passées sur counter.dev. +{{< /alert >}} + +### Google Analytics + +{{< alert type="danger" >}} +Méfiez-vous, [d'après une récente jurisprudence](https://www.euractiv.com/section/politics/short_news/use-of-google-analytics-violates-eu-law-austrian-authority-rules/), Google Analytics pourrait être illégal dans l'Union Européenne. +{{< /alert >}} + +Vous pouvez activer Google Analytics sur votre site en ajoutant votre id de suivi sous la section `params.features` dans votre fichier `config.yaml` comme ci-dessous: + +```yaml +analytics: + enable: true + services: + # Google Analytics + google: + id: +``` + +Vous pouvez utiliser à la fois la V3 ou V4 de l'ID de suivi. Le thème détectera automatiquement la version du code de suivi et ajoutera les scripts de suivi correspondants en fonction de votre site. + +Pour des paramètres de confidentialité additionnels concernant Google Analytics, vous pouvez fournir une section `privacy.googleAnalytics` dans votre fichier `config.yaml` comme décrit [ici](https://gohugo.io/about/hugo-and-gdpr/#all-privacy-settings). + +### Matomo + +Vous pouvez activer Matomo (anciennement Piwik) par l'ajout de la configuration Matomo sous la section `params.features` dans votre fichier `config.yaml` comme ci-dessous: + +```yaml +analytics: + enable: true + services: + # Matomo / Piwik + matomo: + instance: matomo.example.com + siteId: 1 # The number generated after adding a site in your instance +``` From 886a5ea4b4210fefbdc2eab0b8b93374cb140332 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 15:33:24 +0100 Subject: [PATCH 11/58] Fix internal french links --- .gitignore | 1 + content/posts/getting-started/prepare-site/index.fr.md | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/.gitignore b/.gitignore index 96ed920c..7820a6b4 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ resources/ .hugo_build.lock node_modules/ +github-toha.code-workspace diff --git a/content/posts/getting-started/prepare-site/index.fr.md b/content/posts/getting-started/prepare-site/index.fr.md index ac03ea36..eca40280 100644 --- a/content/posts/getting-started/prepare-site/index.fr.md +++ b/content/posts/getting-started/prepare-site/index.fr.md @@ -344,5 +344,5 @@ Pour plus de billets d'échantillon, regardez par [ici](https://github.com/hugo- A ce stade, votre site doit avoir une apparence similaire au [site d'exemple](https://hugo-toha.github.io/). Maintenant, il est temps de déployer votre site. Vous pouvez suivre les guides de déploiement ci-dessous: -- [Déployer dans Github Pages](https://toha-guides.netlify.app/posts/getting-started/github-pages/) -- [Déployer dans Netlify](https://toha-guides.netlify.app/posts/getting-started/netlify/) +- [Déployer dans Github Pages](https://toha-guides.netlify.app/fr/posts/getting-started/github-pages/) +- [Déployer dans Netlify](https://toha-guides.netlify.app/fr/posts/getting-started/netlify/) From 2c34158d8d3bd725c4a910c7d515740fe3447c88 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 15:46:39 +0100 Subject: [PATCH 12/58] Initial translation to french --- .../posts/writing-posts/mermaid/index.fr.md | 30 +++++++++---------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/content/posts/writing-posts/mermaid/index.fr.md b/content/posts/writing-posts/mermaid/index.fr.md index ccec77ab..7eaad188 100644 --- a/content/posts/writing-posts/mermaid/index.fr.md +++ b/content/posts/writing-posts/mermaid/index.fr.md @@ -10,10 +10,10 @@ menu: mermaid: true --- -This theme comes with built in mermaid support powered by [maemaidj-js](https://mermaid-js.github.io/mermaid). To enable mermaid for a page, you have to put `mermaid: true` in your page front-matter. For example, this page has the following front-matter: +Ce thème est construit avec le support de Mermaid propulsé par [maemaidj-js](https://mermaid-js.github.io/mermaid). Pour activer mermail pour une page, vous devez mettre `mermaid: true` dans le front-matter de votre page. Par exemple, cette page à le front-matter suivant: ```yaml -title: "Mermaid Support" +title: "Support de Mermaid" date: 2022-03-14T06:15:35+06:00 menu: sidebar: @@ -24,24 +24,24 @@ menu: mermaid: true ``` -Then, you can use `mermaid` short code to add your mermaid content. For example: +Ensuite, vous pouvez utiliser le shortcode `mermaid` pour ajouter du contenu mermaid. Par exemple: ```bash {{}} - # your mermaid content here + # Votre contenu mermaid ici {{}} ``` -The `mermaid` short code accept the following parameters: +Le short code `mermaid` accepte les paramètres suivants: -- **align**: Let's you align your diagram at left, right, or center. The default alignment is center. -- **background:** Let's you change the background color of your diagram. +- **align**: aligne votre diagramme à gauche, à droite, ou au centre. L'alignement par défaut est le centre. +- **background:** change la couleur d'arrière plan de votre diagramme. -## Examples +## Exemples -Here, are few example of different diagram using mermaid. +Voici quelques exemples de différents diagramme utilisant mermaid. -#### Graph +#### Graphique ```bash {{}} @@ -63,7 +63,7 @@ graph LR;
-#### Sequence Diagram +#### Diagramme de séquence ```bash {{}} @@ -97,7 +97,7 @@ sequenceDiagram
-#### Gantt diagram +#### diagramme de Gantt ```bash {{}} @@ -129,7 +129,7 @@ section A section
-#### Class Diagram +#### Diagramme de classes ```bash {{}} @@ -169,7 +169,7 @@ classDiagram
-#### Git Graph +#### Graphique de Git ```bash {{}} @@ -213,7 +213,7 @@ merge newbranch
-#### ER Diagram +#### Diagramme ER ```bash {{}} From 65f519c4679a9460b09b7163c413ba34ef3a530b Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 16:01:27 +0100 Subject: [PATCH 13/58] Initial translation in french --- .../writing-posts/using-emoji/index.fr.md | 48 +++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 content/posts/writing-posts/using-emoji/index.fr.md diff --git a/content/posts/writing-posts/using-emoji/index.fr.md b/content/posts/writing-posts/using-emoji/index.fr.md new file mode 100644 index 00000000..bf81500e --- /dev/null +++ b/content/posts/writing-posts/using-emoji/index.fr.md @@ -0,0 +1,48 @@ +--- +title: "Utilisation d'Emoji" +date: 2020-06-08T06:15:25+06:00 +menu: + sidebar: + name: Utilisation d'Emoji + identifier: writing-post-using-emoji + parent: writing-post + weight: 60 +--- + +Emoji peut être activé dans un projet Hugo de plusieurs façons. + +La fonction [`emojify`](https://gohugo.io/functions/emojify/) peut être appelée directement dans les templates ou par [shortcodes en ligne](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). + +Pour activer globallement Emoji, paramètrez `enableEmoji` à `true` dans la [configuration](https://gohugo.io/getting-started/configuration/) de votre site et vous pouvez ensuite taper des codes raccourcis d'Emoji directement dans les contenus de vos fichiers; par exemple: + +

🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:

+
+ +L'[aide mémoire Emoji](https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md) est une référence utile pour les codes emoji. + +*** + +**N.B.** Les étapes ci-dessus active les caractères Unicode Standard Emoji dans Hugo, cepandant, le rendu de ces glyphes dépend du navigateur et de la plateforme. Pour styler l'emoji vous pouvez utiliser une police emoji tierce ou un empilement de polices; par exemple: + +{{< highlight html >}} +.emoji { +font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols; +} +{{< /highlight >}} + +{{< css.inline >}} + +{{< /css.inline >}} + From 25e8ba04f909df9f04e21041791abffce5f19437 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 17:29:25 +0100 Subject: [PATCH 14/58] Initial translation to french --- content/posts/configuration/sections/_index.fr.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 content/posts/configuration/sections/_index.fr.md diff --git a/content/posts/configuration/sections/_index.fr.md b/content/posts/configuration/sections/_index.fr.md new file mode 100644 index 00000000..ad7bce94 --- /dev/null +++ b/content/posts/configuration/sections/_index.fr.md @@ -0,0 +1,9 @@ +--- +title: Sections +menu: + sidebar: + name: Sections + identifier: sections + parent: configuration + weight: 110 +--- From 5fa7934adbdbdfab7e8ce6d0b06a9ffebcc84f1a Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 19 Jan 2024 17:29:59 +0100 Subject: [PATCH 15/58] Translate post in french --- .../configuration/sections/about/index.fr.md | 159 ++++++++++++++++++ .../configuration/sections/skills/index.fr.md | 57 +++++++ .../getting-started/github-pages/index.fr.md | 2 +- .../getting-started/prepare-site/index.fr.md | 4 +- 4 files changed, 219 insertions(+), 3 deletions(-) create mode 100644 content/posts/configuration/sections/about/index.fr.md create mode 100644 content/posts/configuration/sections/skills/index.fr.md diff --git a/content/posts/configuration/sections/about/index.fr.md b/content/posts/configuration/sections/about/index.fr.md new file mode 100644 index 00000000..7717ba89 --- /dev/null +++ b/content/posts/configuration/sections/about/index.fr.md @@ -0,0 +1,159 @@ +--- +title: "Configuration de la section A propos" +date: 2020-06-08T06:20:50+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.jpg +menu: + sidebar: + name: Section A propos + identifier: about-section + parent: sections + weight: 110 +--- + +L'objet de la section `A propos` est de fournir une brève introduction sur vous sur votre site web. Dans ce billet, nous vous guiderons sur la façon de configurer la section `A propos`. Pour une référence complète, consultez s'il vous plaît l'extrait du fichier [about.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/data/en/sections/about.yaml). + +Pour commencer, créez un fichier `about.yaml` dans le répertoire `data/en/sections` de votre site web. Suivez ensuite, les instructions ci-dessous: + +### Ajouter les informations de section + +```yaml +section: + name: A propos # Titre de votre section (default: "") + id: about # URL id/slug de section *Requise* + enable: true # Booléen pour déterminer si la section est activée (par défaut: false) + weight: 1 # Ordre d'affichage de la section (par defaut: alphabetique suivi par poids) + showOnNavbar: true # Booléen pour détermoiner si le lien doit être affiché pour cette section dans la barre de navigation + template: sections/about.html # Vous Permet de pointer vers un modèle spécifique. +``` + +#### Paramètre du modèle + +Vous avez la possibilité de personnaliser le partiel utilisé pour cette section en spécifiant la propriété `template`. Sauvegardez simplement le nouveau modèle dans votre répertoire `layout/partials`. + +### Ajouter vos informations de travail + +Pour inclure des détails à propos de votre emploi actuel, vous pouvez ajouter la section suivante dans votre fichier `about.yaml`: + +```yaml +# votre désignation +designation: Software Engineer +# Les informations de votre compagnie +company: + name: Example Co. + url: "https://www.example.com" +``` + +### Ajouter un résumé sur vous + +Pour donner un aperçu concis de votre expertise professionnelle, ajoutons une section de résumé. Cela donnera aux visiteurs un aperçu rapide de ce que vous faites. Ajoutez la section suivante à votre fichier `about.yaml`: + +```yaml +# un résumé sur vous +summary: 'I am a passionate software engineer with x years of working experience. I built OSS tools for [Kubernetes](https://kubernetes.io/) using GO. My tools help people to deploy their workloads in Kubernetes. Sometimes, I work on some fun projects such as writing a theme, etc.' +``` +Essayez de le rendre aussi bref que possible. Ne soyez pas trop verbeux. Nous avons d'autres sections qui donnent plus d'informations sur votre expertise. + +>Vous pouvez utiliser la syntaxe markdown dans le champs `summary` + +### Ajouter vos liens sociaux + +Pour ajouter des liens vers vos différents profils tels que LinkedIn, Twitter, and Github, incluez la section `socialLinks` dans votre fichier `about.yaml`: + +```yaml +# Vos liens sociaux +# Mettez en autant que voulez. Utitisez font-awesome pour les icônes. +socialLinks: +- name: Email + icon: "fas fa-envelope" + url: "example@gmail.com" + +- name: Github + icon: "fab fa-github" + url: "https://www.github.com/example" + +- name: Stackoverflow + icon: "fab fa-stack-overflow" + url: "#" + +- name: LinkedIn + icon: "fab fa-linkedin" + url: "#" + +- name: Twitter + icon: "fab fa-twitter" + url: "#" + +- name: Facebook + icon: "fab fa-facebook" + url: "#" +``` + +Vous pouvez utiliser n'importe quelles icônes libres de [Font Awesome](https://fontawesome.com/icons?d=gallery) dans le champs `icon`. + +### Ajouter un CV + +Pour ajouter votre Curriculum Vitae, placez le fichier PDF dans le répertoire `files` à l'intérieur du répertoire `static`. Ensuite, incluez la section suivante dans votre fichier `about.yaml`. + +```yaml +# Votre CV. Le chemin de ce fichier doit être relatif vers votre répertoire "static" +resourceLinks: +- title: "My Resume" + url: "files/resume.pdf" +``` + +### Ajouter des badges + +Maintenant, ajoutons vos badges et les indicateurs de force pour diverses compétences telles que le leadership, la communication, le travail d'équipe, etc. Incluez la section suivante dans votre fichier `about.yaml`: + +```yaml +# Afficher vos badges +# Vous pouvez afficher vos certifications vérifiée depuis https://www.credly.com. +# Vous pouvez aussi afficher des barres circulaires indiquant le niveau d'expertise sur une certaine compétence +badges: +- type: certification + name: Certified Kubernetes Security Specialist + url: "https://www.credly.com/org/the-linux-foundation/badge/exam-developer-certified-kubernetes-security-specialist" + badge: "https://images.credly.com/size/680x680/images/f4bf92ed-8985-40b2-bc07-2f9308780854/kubernetes-security-specialist-logo-examdev.png" + +- type: certification + name: Istio and IBM Cloud Kubernetes Service + url: "https://www.credly.com/org/the-linux-foundation/badge/exam-developer-certified-kubernetes-security-specialist" + badge: "https://images.credly.com/size/680x680/images/8d34d489-84bf-4861-a4a0-9e9d68318c5c/Beyond_basics_of_Istio_on_Cloud_v2.png" + +- type: certification + name: Artificial Intelligence and Machine Learning + url: "https://www.credly.com/org/grupo-bancolombia/badge/artificial-intelligence-and-machine-learning" + badge: "https://images.credly.com/size/680x680/images/e027514f-9d07-4b29-862f-fe21a8aaebf1/ae.png" + +- type: soft-skill-indicator + name: Leadership + percentage: 85 + color: blue + +- type: soft-skill-indicator + name: Team Work + percentage: 90 + color: yellow + +- type: soft-skill-indicator + name: Hard Working + percentage: 85 + color: orange +``` + +Actuellement, le pourcentage de qualification doit être compris entre 0 et 100, et doit être divisible par 5. Les couleurs suivantes sont disponibles pour l'indicateur de pourcentage de qualification. + +- bleu +- jaune +- rose +- vert + +>Vous pouvez aussi utiliser n'importe quel code couleur hexadécimal dans le champs `color`. + +{{< vs 2 >}} + +L'image suivante montre comment le contenu du fichier `about.yaml` est cartographié dans la section `A propos`. (La portion de configuration de l'image est obsolète et la section des SoftSkills a été remplacée avec des badges) + +{{< img src="images/about.png" >}} diff --git a/content/posts/configuration/sections/skills/index.fr.md b/content/posts/configuration/sections/skills/index.fr.md new file mode 100644 index 00000000..4bf456f5 --- /dev/null +++ b/content/posts/configuration/sections/skills/index.fr.md @@ -0,0 +1,57 @@ +--- +title: "Configuration Section Compétences" +date: 2020-06-08T06:20:45+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.jpg +menu: + sidebar: + name: Section compétences + identifier: skills-sections + parent: sections + weight: 120 +--- + +La section `Compétences` est conçue pour mettre en valeur vos compétences et fournir des informations sur votre expertise pour chaque compétence. Dans ce billet, nous vous guiderons sur la façon de configurer la section `compétences` de votre site. Pour une référence complète, consultez s'il vous plaît cet échantillon du fichier [skills.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/data/en/sections/skills.yaml). + +Pour commencer, créez un fichier `skills.yaml` dans le répertoire `data/en/sections` de votre site. Ensuite, suivez les instructions ci-dessous: + +### Ajouter les informations de section + +Ajoutez les métadonnées de la section à votre fichier `skills.yaml`: + +```yaml +# section information +section: + name: Compétences + id: skills + enable: true + weight: 2 + showOnNavbar: true + # Peut optionnellement masquer les titres de la section + # hideTitle: true +``` + +### Ajouter vos compétences + +Ajoutez un `skill` et ajoutez ses informations sous la section `skills` dans votre fichier `skills.yaml` comme ci-dessous: + +```yaml +# Vos compétences. +# Donnez un résumé pour chaque compétence dans la section summary. +skills: +- name: Kubernetes + logo: /images/sections/skills/kubernetes.png + summary: "Capable of deploying, managing application on Kubernetes. Experienced in writing Kubernetes controllers for CRDs." + url: "https://kubernetes.io/" +``` + +Ici, vous renseignez les champs `name`, `log`, et `summary` pour une compétence. Le champs `summary` doit fournir une idée du niveau de connaissance sur une compétence particulière. + +>Vous pouvez utiliser la syntaxte markdown dans le champs `summary`. + +{{< vs 2 >}} + +L'image suivante montre comment le contenu du fichier `skills.yaml` est cartographié dans la section `Compétences`. + +{{< img src="images/skills.png">}} diff --git a/content/posts/getting-started/github-pages/index.fr.md b/content/posts/getting-started/github-pages/index.fr.md index 7e9133f9..6f6a76ec 100644 --- a/content/posts/getting-started/github-pages/index.fr.md +++ b/content/posts/getting-started/github-pages/index.fr.md @@ -1,6 +1,6 @@ --- title: "Déployer dans Github Pages" -date: 2023-11-11T22:00:20+02:00 +date: 2020-06-08T22:00:20+06:00 menu: sidebar: name: Déployer dans Github Pages diff --git a/content/posts/getting-started/prepare-site/index.fr.md b/content/posts/getting-started/prepare-site/index.fr.md index eca40280..107d7580 100644 --- a/content/posts/getting-started/prepare-site/index.fr.md +++ b/content/posts/getting-started/prepare-site/index.fr.md @@ -33,7 +33,7 @@ Cette commande créera une structure de base d'un site hugo. Ici, le flag `--for Nous allons utiliser un module hugo pour ajouter le thème `Toha` dans votre site. D'abord, initialisez les modules hugo en utilisant la commande suivante: ```console -$ hugo mod init github.com// +$ hugo mod init github.com// ``` Cette commande va créer un fichier `go.mod` à la racine de votre dépôt. @@ -77,7 +77,7 @@ Si vous naviguez sur `http://localhost:1313`, vous devriez voir un site basique ### Configurer le site -Maintenant, nous sommes prêt à configurer notre site. Dans cette section, nous allons ajouter les informations de l'auteur, différentes sections, et des echantillons de billets etc. +Maintenant, nous sommes prêt à configurer notre site. Dans cette section, nous allons ajouter les informations de l'auteur, différentes sections, et des échantillons de billets etc. #### Mise à jour `hugo.yaml` From 230eca8e4aa5329600271e430e290ae90339ea9a Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sat, 20 Jan 2024 08:21:02 +0100 Subject: [PATCH 16/58] Replace Markdown Code in "Add Section Information" --- .../posts/configuration/sections/experiences/index.md | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/content/posts/configuration/sections/experiences/index.md b/content/posts/configuration/sections/experiences/index.md index aed51e7c..c4cf6cad 100644 --- a/content/posts/configuration/sections/experiences/index.md +++ b/content/posts/configuration/sections/experiences/index.md @@ -18,16 +18,14 @@ To begin, create a new file named `experiences.yaml` in the `data/en/sections` d Add the following section metadata to your `experiences.yaml` file: ```yaml -# section information section: - name: Education - id: education - template: sections/education.html # Use "sections/education-alt.html for alternate template. + name: Experiences # Titre de la section (par défaut: "" ) + id: experiences # url id/slug of section *Required* enable: true - weight: 4 + weight: 3 showOnNavbar: true # Can optionally hide the title in sections - # hideTitle: true + # hideTitle: true ``` ### Add Your Experiences From c860758f60cca0c0c93a79bb2b54af62765fe201 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 21 Jan 2024 12:25:10 +0100 Subject: [PATCH 17/58] Update french translation and various fix --- .../configuration/sections/about/index.fr.md | 9 +- .../sections/achievements/index.fr.md | 58 +++++++++++++ .../sections/education/index.fr.md | 61 ++++++++++++++ .../sections/experiences/index.fr.md | 83 ++++++++++++++++++ .../sections/experiences/index.md | 2 +- .../sections/projects/index.fr.md | 84 +++++++++++++++++++ .../sections/recent-posts/index.fr.md | 28 +++++++ .../configuration/sections/skills/index.fr.md | 12 +-- 8 files changed, 327 insertions(+), 10 deletions(-) create mode 100644 content/posts/configuration/sections/achievements/index.fr.md create mode 100644 content/posts/configuration/sections/education/index.fr.md create mode 100644 content/posts/configuration/sections/experiences/index.fr.md create mode 100644 content/posts/configuration/sections/projects/index.fr.md create mode 100644 content/posts/configuration/sections/recent-posts/index.fr.md diff --git a/content/posts/configuration/sections/about/index.fr.md b/content/posts/configuration/sections/about/index.fr.md index 7717ba89..b07e7d5b 100644 --- a/content/posts/configuration/sections/about/index.fr.md +++ b/content/posts/configuration/sections/about/index.fr.md @@ -14,17 +14,20 @@ menu: L'objet de la section `A propos` est de fournir une brève introduction sur vous sur votre site web. Dans ce billet, nous vous guiderons sur la façon de configurer la section `A propos`. Pour une référence complète, consultez s'il vous plaît l'extrait du fichier [about.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/data/en/sections/about.yaml). -Pour commencer, créez un fichier `about.yaml` dans le répertoire `data/en/sections` de votre site web. Suivez ensuite, les instructions ci-dessous: +Pour commencer, créez un fichier `about.yaml` dans le répertoire `data/fr/sections` de votre site web. Suivez ensuite, les instructions ci-dessous: ### Ajouter les informations de section +Ajoutez les métadonnées de la section suivante dans votre fichier `about.yaml`: + ```yaml +# section information section: name: A propos # Titre de votre section (default: "") - id: about # URL id/slug de section *Requise* + id: about # URL id/slug de section *valeur à conserver & obligatoire* enable: true # Booléen pour déterminer si la section est activée (par défaut: false) weight: 1 # Ordre d'affichage de la section (par defaut: alphabetique suivi par poids) - showOnNavbar: true # Booléen pour détermoiner si le lien doit être affiché pour cette section dans la barre de navigation + showOnNavbar: true # Booléen pour déterminer si le lien doit être affiché pour cette section dans la barre de navigation template: sections/about.html # Vous Permet de pointer vers un modèle spécifique. ``` diff --git a/content/posts/configuration/sections/achievements/index.fr.md b/content/posts/configuration/sections/achievements/index.fr.md new file mode 100644 index 00000000..7c685ade --- /dev/null +++ b/content/posts/configuration/sections/achievements/index.fr.md @@ -0,0 +1,58 @@ +--- +title: "Configuration de la section Réalisations" +date: 2020-06-08T06:20:30+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.jpg +menu: + sidebar: + name: Section des réalisations + identifier: achievements-section + parent: sections + weight: 160 +--- + +La section `Réalisations` a été conçue pour afficher vos réalisations dans le format d'une galerie attrayante. Ce guide vous accompagnera à travers le processus de configuration de la section `Réalisations` sur votre site. Pour une référence complète, consultez s'il vous plaît l'extrait du fichier [achievements.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/data/en/sections/achievements.yaml). + +Pour commencer, créez un nouveau fichier nommé `achievements.yaml` dans le répertoire `data/fr/sections` de votre site web. Ensuite, suivez les instructions ci-dessous: + +### Ajouter les informations de section + +Ajoutez les métadonnées de la section suivante dans votre fichier `achievements.yaml`: + +```yaml +# section information +section: + name: Réalisations # Titre de votre section (default: "") + id: achievements # URL id/slug de section *valeur à conserver & obligatoire* + enable: true # Booléen pour déterminer si la section est activée (par défaut: false) + weight: 9 # Ordre d'affichage de la section (par defaut: alphabetique suivi par poids) + showOnNavbar: true # Booléen pour déterminer si le lien doit être affiché pour cette section dans la barre de navigation + # Peut optionnellement masquer les titres de la section + # hideTitle: true +``` + +### Ajouter les réalisations + +Pour ajouter vos réalisations, ouvrez le fichier `achievements.yaml` et incluez les entrées suivantes sous la section `achievements`: + +```yaml +achievements: +- title: Meilleur présentateur + image: images/sections/achievements/presenter.jpg + summary: Meilleur présentation de l'année 2020 à la conférence XYZ. +``` + +Chaque entrée d'une réalisation doit avoir les champs suivants: + +- **title**: Le titre de la réalisation. +- **image**: Une image de la réalisation. +- **summary**: Un résumé de la réalisation. + +>Vous pouvez utilisez la syntaxe markdown dans le champs `summary`. + +{{< vs 2 >}} + +L'image suivante montre comment les contenus du fichier `achievements.yaml` sont cartographiés dans la section `Réalisations`. + +{{< img src="images/achievements.png" >}} diff --git a/content/posts/configuration/sections/education/index.fr.md b/content/posts/configuration/sections/education/index.fr.md new file mode 100644 index 00000000..897aa648 --- /dev/null +++ b/content/posts/configuration/sections/education/index.fr.md @@ -0,0 +1,61 @@ +--- +title: "Configuration de la section Etudes" +date: 2020-06-08T06:20:40+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.jpg +menu: + sidebar: + name: Section des études + identifier: Education-section + parent: sections + weight: 135 +--- + +La section `Etude` a été conçue pour mettre en valeur votre parcours d'étude. Dans ce billet, nous vous guiderons sur la façon de configurer la section `Etude` de votre site. Pour une référence complète, consultez s'il vous plaît l'extrait du fichier [education.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/data/en/sections/education.yaml). + +Pour commencer, créez un nouveau fichier nommé `education.yaml` dans le répertoire `data/fr/sections` de votre site. Ensuite, suivez les instructions ci-dessous. + +### Ajouter les informations de section + +Ajoutez les métadonnées de la section suivante dans votre fichier `education.yaml`: + +```yaml +# section information +section: + name: Etude # Titre de votre section + id: education # URL id/slug de section *valeur à conserver & obligatoire* + template: sections/education.html # Utilisez "sections/education-alt.html comme modèle alternatif. + enable: true + weight: 4 + showOnNavbar: true + # Peut optionnellement masquer les titres de la section + # hideTitle: true +``` + +### Ajoutez vos degrés d'enseignement + +Pour ajouter un cycle d'étude, inclure les informations correspondantes sous la section `degrees` dans le fichier `education.yaml` comme ci-dessous : + +```yaml +degrees: +- name: Ph.D in Quantum Cryptography + icon: fa-microscope + timeframe: 2016-2020 + institution: + name: ABC University of Technology + url: "#" + grade: #(optionnel) + scale: CGPA + achieved: 3.6 + outOf: 4 + publications: #(optionnel) + - title: Lorem ipsum dolor sit amet, consectetur adipiscing elit. + url: "#" + - title: Fusce eu augue ut odio porttitor pulvinar. + url: "#" + - title: Nullam vitae orci tincidunt purus viverra pulvinar. + url: "#" +``` + +Assurez-vous que l'icône que vous utilisez soit disponible sur [Font Awesome](https://fontawesome.com/icons?d=gallery&m=free). diff --git a/content/posts/configuration/sections/experiences/index.fr.md b/content/posts/configuration/sections/experiences/index.fr.md new file mode 100644 index 00000000..4d86bb7e --- /dev/null +++ b/content/posts/configuration/sections/experiences/index.fr.md @@ -0,0 +1,83 @@ +--- +title: "Configuration de la section Expériences" +date: 2020-06-08T06:20:40+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.jpg +menu: + sidebar: + name: Section des expériences + identifier: experiences-section + parent: sections + weight: 130 +--- + +La section `expériences` a été conçue pour mettre en valeur votre carrière et mettre en évidence les responsabilités que vous avez assumées tout au long de votre parcours professionnel. Dans ce billet, nous vous guiderons sur la façon de configurer la section `Expériences` de votre site. Pour une référence complète, consultez s'il vous plaît l'extrait du fichier [experiences.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/data/en/sections/experiences.yaml). + +Pour commencer, créez un nouveau fichier nommé `experiences.yaml` dans le répertoire `data/fr/sections` de votre site. Ensuite, suivez les instructions ci-dessous: + +### Ajouter les informations de section + +Ajoutez les métadonnées de la section suivante dans votre fichier `experiences.yaml`: + +```yaml +# section information +section: + name: Experiences # Titre de la section (par défaut: "" ) + id: experiences # URL id/slug de section *valeur à conserver & obligatoire* + enable: true + weight: 3 + showOnNavbar: true + # Peut optionnellement masquer les titres de la section + # hideTitle: true +``` + +### Ajouter vos expériences + +Pour ajouter une expérience, incluez les informations correspondantes sous la section `experiences` de votre fichier `experiences.yaml` comme ci-dessous: + +```yaml +# Vos expériences +experiences: +- company: + name: Example Co. + url: "https://www.example.com" + location: Dhaka Branch + # Aperçu de votre compagnie + overview: Example Co. is a widely recognized company for cloud-native development. It builds tools for Kubernetes. + positions: + - designation: Senior Software Engineer + start: Nov 2019 + # Ne pas fournir de date de fin sur votre poste actuel. Ca sera remplacé par "Aujourd'hui". + # end: Dec 2020 + # Donnez quelques points à propos de vos responsabilités dans cette entreprise. + responsibilities: + - Design and develop XYZ tool for ABC task + - Design, develop and manage disaster recovery tool [Xtool](https://www.example.com) that backup Kubernetes volumes, databases, and cluster's resource definition. + - Lead backend team. + + - designation: Junior Software Engineer + start: Nov 2017 + end: Oct 2019 + responsibilities: + - Implement and test xyz feature for abc tool. + - Support client for abc tool. + - Learn k,d,w technology for xyz. +``` + +Chaque entrée dans une section `expériences` devrait avoir les informations suivantes: + +- **company**: Quelques informations sur votre entreprise. Vous devez fournir `name`, `url`, `location`, et une brève `overview` de votre entreprise. +- **positions**: Une liste des postes que vous avez occupé dans l'entreprise. Vous pouvez fournir plusieurs postes si vous en avez changé au sein de cette entreprise. +- **designation**: Indique le rôle que vous jouiez sur ce poste. +- **start**: Temps quand vous avez démarré à ce poste. +- **end**: Temps quand vous avez quitté ce poste. Si vous occupé actuellement ce poste, ne renseignez pas ce champs. +- **responsibilities**: Une liste des responsabilités que vous avez assumée à ce poste. Cette section est très importante car elle donnera aux visiteurs une idée des responsabilités que vous êtes capable de gérer. + +> Vous pouvez utiliser la syntaxe markdown dans le champs `overview` de la section `company` et dans le champs `responsabilities`. + + diff --git a/content/posts/configuration/sections/experiences/index.md b/content/posts/configuration/sections/experiences/index.md index c4cf6cad..a7f9e2cc 100644 --- a/content/posts/configuration/sections/experiences/index.md +++ b/content/posts/configuration/sections/experiences/index.md @@ -61,7 +61,7 @@ experiences: - Learn k,d,w technology for xyz. ``` -Each entry in the `experiences` section should have the following information, +Each entry in the `experiences` section should have the following information: - **company**: Some information about your company. You should provide `name`, `url`, `location`, and a brief `overview` of the company. - **positions**: A list of positions you have held in the company. You can provide multiple positions if you have changed your position in the company. diff --git a/content/posts/configuration/sections/projects/index.fr.md b/content/posts/configuration/sections/projects/index.fr.md new file mode 100644 index 00000000..a06ba383 --- /dev/null +++ b/content/posts/configuration/sections/projects/index.fr.md @@ -0,0 +1,84 @@ +--- +title: "Configuration de la section Projets" +date: 2020-06-08T06:20:35+06:00 +menu: + sidebar: + name: Section des projets + identifier: projects-section + parent: sections + weight: 140 +--- + +L'objet de la section `Projets` est de présenter efficacement vos projets. Dans ce billet, nous vous guiderons sur la façon de configurer la section `Projets` de votre site. Pour une référence complète, consultez s'il vous plaît l'extrait du fichier [projects.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/data/en/sections/projects.yaml). + +Pour commencer, créez un nouveau fichier nommé `projects.yaml` dans le répertoire `data/fr/sections` de votre site. Ensuite, suivez les instructions ci-dessous: + +### Ajouter les informations de section + +Ajoutez les métadonnées de la section suivante dans votre fichier `projects.yaml`: + +```yaml +# section information +section: + name: Projects # Titre de la section (par défaut: "" ) + id: projects # URL id/slug de section *valeur à conserver & obligatoire* + enable: true + weight: 5 + showOnNavbar: true + # Peut optionnellement masquer les titres de la section + # hideTitle: true +``` + +### Ajouter des boutons de filtrage projet + +Maintenant, ajoutez une section `buttons` dans votre fichier `projects.yaml` comme ci-dessous: + +```yaml +buttons: +- name: All + filter: "all" +- name: Professional + filter: "professional" +- name: Academic + filter: "academic" +- name: Hobby + filter: "hobby" +``` +Chaque bouton a deux propriétés. La première propriété est `name` qui est le texte qui sera affiché sur le bouton et l'autre est `filter` qui spécifie la catégorie des projets que ce bouton doit sélectionner. + +Un bouton n'affichera que les projets qui ont un tag correspondant au texte spécifié dans le `filter` choisi. La valeur du filtre `all` est traitée spécifiquement. Il correspond à tous les projets même s'ils n'ont pas `all` en tant que tag dans leur champs `tags`. + +### Ajouter vos projets + +Maintenant, ajoutez vos projects sous la section `projects` dans votre fichier `projects.yaml` comme ci-dessous: + +```yaml +projects: +- name: Kubernetes + logo: images/projects/kubernetes.png + role: Contributor + timeline: "March 2018 - Present" + repo: https://github.com/kubernetes/kubernetes + # url: "" + summary: Production-Grade Container Scheduling and Management . + tags: ["professional", "kubernetes", "cloud"] +``` + +Vous pouvez spécifier les champs suivants pour votre projet: + +- **name**: Le nom du projet. +- **logo**: Le log du projet. Si le projet n'a pas de logo, le thème y ajoutera automatiquement un espace réservé. +- **role**: Votre rôle sur ce projet. +- **timeline**: La chronologie quand vous avez travaillé sur ce projet. +- **repo**: Si ce projet est projet Open-Source et hébergé sur Github, vous pouvez fournir l'URL du dépôt.Il Ca sera utilisé pour montrer le nombre d'étoiles pour ce projet. +- **url**: Si le projet n'est pas open-source ou n'est pas hébergé sur Github, vous pouvez fournir une URL de votre projet. Cela créera un bouton avec le lien dans la carte du projet. +- **summary**: Une courte description du projet. +- **tags**: Une liste de tags pour votre projet. Ca sera utilisé pour sélectionner les projets sous une catégorie avec le bouton de filtrage. + +>Vous pouvez utiliser la syntaxe markdown dans le champs `summary`. + +{{< vs 2 >}} + +L'image suivante montre commment les contenus de `projects.yaml` sont cartographiés dans la section `projects.yaml`. + +{{< img src="images/projects.png" >}} diff --git a/content/posts/configuration/sections/recent-posts/index.fr.md b/content/posts/configuration/sections/recent-posts/index.fr.md new file mode 100644 index 00000000..740c0b81 --- /dev/null +++ b/content/posts/configuration/sections/recent-posts/index.fr.md @@ -0,0 +1,28 @@ +--- +title: "Configuration Section Billets Récents" +date: 2020-06-08T06:20:34+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.jpg +menu: + sidebar: + name: Section billets récents + identifier: recent-posts-section + parent: sections + weight: 150 +--- + +La section `Billets récents` est utilisée pour mettre en valeur les derniers billets de votre contenu. Pour activer cette section, créez une fichier `recent-posts.yaml` dans votre répertoire `data/fr/sections` et incluez le contenu suivant: + +```yaml +# section information +section: + name: Billets récents # Titre de la section (par défaut: "" ) + id: recent-posts # URL id/slug de section *valeur à conserver & obligatoire* + enable: true # Booléen pour déterminer si la section est activée (par défaut: false) + weight: 6 # # Ordre d'affichage de la section (par defaut: alphabetique suivi par poids) + showOnNavbar: # true Booléen pour déterminer si le lien doit être affiché pour cette section dans la barre de navigation + hideTitle: true # Peut optionnellement masquer les titres de la section (defaut: false) + numShow: 4 # Peut optionnellement augmenter le nombre de billets à afficher (defaut: 3) + showMoreButton: false # Peu optionnellement afficher le bouton 'Plus de billets' (default: false) +``` diff --git a/content/posts/configuration/sections/skills/index.fr.md b/content/posts/configuration/sections/skills/index.fr.md index 4bf456f5..3d97f532 100644 --- a/content/posts/configuration/sections/skills/index.fr.md +++ b/content/posts/configuration/sections/skills/index.fr.md @@ -6,7 +6,7 @@ author: image: images/author/nicolas.jpg menu: sidebar: - name: Section compétences + name: Section des compétences identifier: skills-sections parent: sections weight: 120 @@ -14,7 +14,7 @@ menu: La section `Compétences` est conçue pour mettre en valeur vos compétences et fournir des informations sur votre expertise pour chaque compétence. Dans ce billet, nous vous guiderons sur la façon de configurer la section `compétences` de votre site. Pour une référence complète, consultez s'il vous plaît cet échantillon du fichier [skills.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/data/en/sections/skills.yaml). -Pour commencer, créez un fichier `skills.yaml` dans le répertoire `data/en/sections` de votre site. Ensuite, suivez les instructions ci-dessous: +Pour commencer, créez un fichier `skills.yaml` dans le répertoire `data/fr/sections` de votre site. Ensuite, suivez les instructions ci-dessous: ### Ajouter les informations de section @@ -23,10 +23,10 @@ Ajoutez les métadonnées de la section à votre fichier `skills.yaml`: ```yaml # section information section: - name: Compétences - id: skills - enable: true - weight: 2 + name: Compétences # Titre de votre section + id: skills # URL id/slug de section *valeur à conserver & obligatoire* + enable: true # Booléen pour déterminer si la section est activée (par défaut: false) + weight: 2 # Ordre d'affichage de la section (par defaut: alphabetique suivi par poids) showOnNavbar: true # Peut optionnellement masquer les titres de la section # hideTitle: true From 8608d8b3507ac928c21e6e84273d320038f63811 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 21 Jan 2024 15:31:59 +0100 Subject: [PATCH 18/58] Full alignment french post from last english post --- .../configuration/site-parameters/index.fr.md | 123 ++++++------------ 1 file changed, 42 insertions(+), 81 deletions(-) diff --git a/content/posts/configuration/site-parameters/index.fr.md b/content/posts/configuration/site-parameters/index.fr.md index 6a7e36ed..f38fd316 100644 --- a/content/posts/configuration/site-parameters/index.fr.md +++ b/content/posts/configuration/site-parameters/index.fr.md @@ -13,17 +13,19 @@ Après l'installation du thème, quand vous lancez le site pour la première foi Dans ce billet, je vais vous montrer comment vous pouvez changer les paramètres du site pour modifier l'arrière plan, le logo, les informations de l'auteur, et activer/désactiver différentes fonctionnalités. +Pour une liste compréhensive des paramètres de configuration disponibles, consultez s'il vous plaît le [site d'exemple](https://github.com/hugo-toha/hugo-toha.github.io/tree/main). + ### Ajouter une image d'arrière plan D'abord, on va paramètrer un arrière plan sur votre site. Mettez l'image d'arrière plan désirée dans le répertoire `assets/images`. Ensuite, ajoutez ce qui suit dans la section `params` de votre fichier `config.yaml`. ```yaml -background: "images/" +background: "images/` +### Activer le bouton `` -Si vous voulez fournir à vos visiteurs un moyen facile d'améliorer un article (par exemple une faute de frappe, un correctif d'indentation, etc.), vous pouvez activer le bouton `` en ajoutant l'URL de votre dépôt Git dans la section `params` de votre fichier `config.yaml`. +Si vous voulez fournir à vos visiteurs un moyen facile d'améliorer un article (par exemple une faute de frappe, un correctif d'indentation, etc.), vous pouvez activer le bouton `` en ajoutant l'URL de votre dépôt Git dans la section `params` de votre fichier `config.yaml`. ```yaml gitRepo: ``` -Cela ajoutera un bouton labelisé `Improve This Page` au pied de chaque billet. Le bouton redirigera l'utilisateur directement vers le formulaire d'édition de Github de la page. +Cela ajoutera un bouton labelisé `Améliorer cette page` au pied de chaque billet. Le bouton redirigera l'utilisateur directement vers le formulaire d'édition de Github de la page. Si vous branche par défaut ne s'appelle pas `main`, alors vous aurez besoin d'ajouter votre branche git par défaut dans la section `params` de votre fichier `config.yaml`. + ```yaml gitBranch: ``` -### Activer/Désactiver la Newsletter +### Activer la Newsletter -La fonctionnalité de newsletter supporte seulement Mailchimp actuellement. -Ajoutez ce qui suit dans la section `params` du fichier `config.yaml`. +Pour activer la fonctionnalité de newsletter, vous avez besoin de fournir les paramètres nécessaires sous la section `params.footer` dans votre fichier `config.yaml`. Actuellement, la fonctionnalité de newsletter supporte seulement le service Mailchip. Ici un exemple de ce à quoi cela doit ressembler: ```yaml newsletter: @@ -88,7 +93,7 @@ newsletter: mailchimpURL: https://github.us1.list-manage.com/subscribe/post?u=19de52a4603135aae97163fd8&id=094a24c76e ``` -Si vous ne voulez pas utliser la fonctionnalité de newsletter, vous pouvez la masquer en ajoutant ce qui suit dans la section `params` du fichier `config.yaml`. +Pour désactiver la fonctionnalité de newsletter, vous pouvez paramètrer la configuration suivante: ```yaml newsletter: @@ -97,7 +102,7 @@ newsletter: ### Activer le RAW HTML dans le fichier Markdown -Si vous voulez utiliser le RAW HTML dans vos fichiers markdown, vous devez activier le rendu non sécurisé. Sinon, Hugo n'affichera pas le rendu HTML. Vous pouvez activer le rendu markdown non sécurisé en ajoutant les paramètres `goldmark` suivants dans la section `markup` du fichier `config.yaml`. +Si vous voulez inclure le RAW HTML dans vos fichiers markdown, vous avez besoin d'activer le rendu non sécurisé. Sans cette activation, Hugo n'affichera pas le rendu HTML. Pour activer le rendu markdown non sécurisé; ajoutez les paramètres `goldmark` suivants dans la section `markup` du fichier `config.yaml`. ```yaml markup: @@ -111,52 +116,50 @@ markup: Maintenant, fournissons vos informations de base. Créez un fichier `author.yaml` dans le répertoire `/data` et ajoutez-y les informations sur l'auteur. ```yaml -# some information about you +# Quelques informations sur vous name: "John Doe" nickname: "John" -# greeting message before your name. it will default to "Hi! I am" if not provided -greeting: "Hi, I am" +# Un message de bienvenue avant votre nom. Il sera par défaut "Bonjour! Je suis" s'il n'est pas fourni. +greeting: "Bonjour, je suis" image: "images/author/john.png" -# give your some contact information. they will be used in the footer +# Donnez quelques informations pour vous contacter. Ils seront utilisés dans le pied de page contactInfo: email: "johndoe@example.com" phone: "+0123456789" github: johndoe linkedin: johndoe -# some summary about what you do +# Un sommaire de ce que vous faites summary: - - I am a Developer - - I am a Devops - - I love servers - - I work on open-source projects - - I love to work with some fun projects + - Je suis Développeur + - Je suis Devops + - J'aime les serveurs + - Je travaille sur des projets Open Source + - J'adore travailler sur des projets sympas ``` -> Note: Les paramètres `contactInfo` utiliseront le paramètre `icon` pour trouver l'icône. Ce paramètre doit correspondre au nom de l'icône géniale [examples](https://fontawesome.com/search?o=r&f=brands) +> Note: Les paramètres `contactInfo` utiliseront le paramètre `icon` pour trouver l'icône. Assurez-vous que le champs `icon` corresponde avec le nom de l'icône sur fontawesome. Vous pouvez trouver des exemples [ici](https://fontawesome.com/search?o=r&f=brands) ### Ajouter l'avis du droit d'auteur -On va jouter un avis de droit d'auteur pour votre site. Ca sera affiché en bas du pied de page. Créez un fichier `site.yaml` dans votre répertoire `data` et ajoutez-y la section suivante. +On va ajouter un avis de droit d'auteur pour votre site. Ca sera affiché en bas du pied de page. Créez un fichier `site.yaml` dans votre répertoire `data` et ajoutez-y la section suivante. ```yaml -copyright: © 2020 Copyright. +copyright: © 2024 Copyright. ``` ### La description du site -Maintenant, ajoutez une description de votre site qui aidera les moteurs de recherche à trouver votre site. Ajoutez une section de description dans votre votre fichier `site.yaml`. +Pour ajouter une description de votre site qui aidera les moteurs de recherche à trouver votre site. Vous avez besoin d'ajouter une section `description` dans votre votre fichier `site.yaml`. ```yaml -# Meta description for your site. This will help the search engines to find your site. -description: Example site for hugo theme Toha. +# Meta description de votre site. Ca aidera les moteurs de recherche à trouver votre site. +description: Site d'exemple pour hugo theme Toha. ``` ### Ajout d'un menu personnalisé -Si vous voulez ajouter quelques menus personnalisé dans la barre de navigation, vous pouvez facilement les ajouter par l'ajout de ce qui suit dans le fichier `site.yaml`. - -Les menus personnalisés sont visibles dans la barre de navigation par défaut. Pour les masquer, paramètrez `hideFromNavbar` sur `true`. Les menus personnalisés sont masqués par défaut dans la zone de navigation du pied de page. Pour afficher un élément de menu personnalisé dans le pied de page, paramètrez sa propriété `showOnFooter` sur `true`. +Pour ajouter des menus personnalisé dans la barre de navigation, vous pouvez modifier le fichier `site.yaml`. Par défaut, les menus personnalisés sont visibles dans la barre de navigation. Pour masquer un menu personnalisé, paramètrez la propriété `hideFromNavbar` à `true`. Par défaut, les menus personnalisés sont masqués depuis la zone de navigation du pied de page. Pour afficher un élément de menu personnalisé dans le pied de page, paramètrez sa propriété `showOnFooter` à `true`. ```yaml customMenus: @@ -166,46 +169,4 @@ customMenus: showOnFooter: true ``` -Cela peut être particulièrement utile lorsque vous souhaitez ajouter un lien vers un autre site dans votre barre de navigation. - -### Exemple de Section `params` - -Pour terminer, voici la section `params` utilisée dans le site d'exemple. - -```yaml -# Site parameters -params: - # background image of the landing page - background: "images/background.jpg" - - # Provide logos for your site. The inverted logo will be used in the initial - # transparent navbar and the main logo will be used in the non-transparent navbar. - # It will default to the theme logos if not provided. - logo: - main: images/main-logo.png - inverted: images/inverted-logo.png - favicon: images/favicon.png - - # GitHub repo URL of your site - gitRepo: https://github.com/hossainemruz/toha-example-site - - features: - # Enable and configure blog posts - blog: - enable: true - - # specify whether you want to show Table of Contents in reading page - toc: - enable: true - - # Show/hide newsletter section in the footer. Default is "true". - # Currently, it supports "mailchimp". - newsletter: - enable: false - # provider: mailchimp - # mailchimpURL: https://github.us1.list-manage.com/subscribe/post?u=19de52a4603135aae97163fd8&id=094a24c76e - - # Show/hide disclaimer notice in the footer. Default is "false". - disclaimer: - enable: true -``` +Maintenant, vous pouvez lancer votre site et voir les changements. Dans les billets qui suivent, je vous guiderai sur comment ajouter des sections à votre page d'accueil et plus loin personnaliser votre site. From 6d5b4e16abc3617ac8947946f86d4a3fa48e73ce Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 21 Jan 2024 15:32:48 +0100 Subject: [PATCH 19/58] Minor update --- content/posts/configuration/sections/skills/index.fr.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/posts/configuration/sections/skills/index.fr.md b/content/posts/configuration/sections/skills/index.fr.md index 3d97f532..68ac3a75 100644 --- a/content/posts/configuration/sections/skills/index.fr.md +++ b/content/posts/configuration/sections/skills/index.fr.md @@ -34,7 +34,7 @@ section: ### Ajouter vos compétences -Ajoutez un `skill` et ajoutez ses informations sous la section `skills` dans votre fichier `skills.yaml` comme ci-dessous: +Ajoutez une `compétence` et ses informations sous la section `skills` dans votre fichier `skills.yaml` comme ci-dessous: ```yaml # Vos compétences. @@ -46,9 +46,9 @@ skills: url: "https://kubernetes.io/" ``` -Ici, vous renseignez les champs `name`, `log`, et `summary` pour une compétence. Le champs `summary` doit fournir une idée du niveau de connaissance sur une compétence particulière. +Ici, vous renseignez les champs `name`, `logo`, et `summary` pour une compétence. Le champs `summary` doit fournir une idée du niveau de connaissance sur une compétence particulière. ->Vous pouvez utiliser la syntaxte markdown dans le champs `summary`. +>Vous pouvez utiliser la syntaxe markdown dans le champs `summary`. {{< vs 2 >}} From d556d83e0ebaba6b79517a8a50acafa4ee29795a Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 21 Jan 2024 16:20:57 +0100 Subject: [PATCH 20/58] Initial translation in french --- content/posts/update-v3-to-v4/index.fr.md | 238 ++++++++++++++++++++++ 1 file changed, 238 insertions(+) create mode 100644 content/posts/update-v3-to-v4/index.fr.md diff --git a/content/posts/update-v3-to-v4/index.fr.md b/content/posts/update-v3-to-v4/index.fr.md new file mode 100644 index 00000000..33f47d7c --- /dev/null +++ b/content/posts/update-v3-to-v4/index.fr.md @@ -0,0 +1,238 @@ +--- +title: "Migrer de la V3 à la V4" +date: 2024-01-05T02:30:00+06:00 +description: Un guide de migration de la version 3 du thème vers la version 4. +menu: + sidebar: + name: Migration V3 à V4 + identifier: v3-to-v4-migration + weight: 900 +--- + +Toha V4 a introduit de nombreux changements structurant en terme d'utilisation et de configuration du thème. Ce guide vous aidera à passer de la version v3 à la version v4 du thème. S'il vous plaît, veuillez vérifier cette [note de publication](https://github.com/hugo-toha/toha/releases/tag/v4.0.0) pour compléter le changelog. + +Dans ce guide, je vais vous guider à travers les étapes pour migrer de la version 3 à la version 4 du thème Toha. Ce guide est basé sur le guide de migration écrit par [Alexandre Neto](https://github.com/SrNetoChan) dans [cette issue](https://github.com/hugo-toha/toha/issues/852). Commençons ! + +### 1. Supprimer le sous-module git `toha` + +Toha V4 apporte quelques changements dans le processus d'installation. L'un des changements est que le thème n'utilise plus de sous-module git. Par conséquent, nous avons besoin de supprimer le sous-module git `toha`. Ne vous inquiétez pas, cette étape ne supprimera pas votre contenu. + +```bash +git rm themes/toha/ +git commit -m "Remove v3 theme" +``` + +### 2. Supprimer le `theme` du `config.yaml` + +Dans cette nouvelle version, nous n'avons pas besoin de spécifier le `theme` dans le fichier `config.yaml`. A la place, nous ajouterons le thème comme un module. D'abord, supprimez la ligne suivante de votre fichier `config.yaml`: + +```yaml +theme: toha +``` + +### 3. Compléter les prérequis + +Pour la construction du site localement nous aurons besoin de mettre à jour/installer les prérequis suivants: + +1. Version d'Hugo `v0.118.x` (extended) ou plus. +2. Langage [Go](https://go.dev/doc/install) version `v1.18.x` ou plus. +3. Node version `v18.x` et npm version `8.x` ou plus. + +Assurez-vous d'avoir installé tous les outils nécessaires. + +### 4. Initialiser le module Hugo + +Toha V4 utilise maintenant le [Module Hugo](https://gohugo.io/hugo-modules/) pour gérer le thème.Pour commencer, nous devons initialiser le module. + +```bash +hugo mod init github.com// +``` + +Cela créera un fichier `go.mod` à la racine de votre site. Vous pouvez vérifier le fichier pour voir s'il a été correctement créé. + +### 5. Ajouter le thème en tant que module + +Maintenant, ajoutez la section `module` suivante dans votre fichier `config.yaml`. Cela ajoutera le thème comme un module et montera aussi les fichiers statiques à partir du thème. + +```yaml +# Utilise les modules Hugo pour ajouter le thème +module: + imports: + - path: github.com/hugo-toha/toha/v4 + mounts: + - source: static/files + target: static/files + - source: ./node_modules/flag-icon-css/flags + target: static/flags + - source: ./node_modules/@fontsource/mulish/files + target: static/files + - source: ./node_modules/katex/dist/fonts + target: static/fonts +``` + +### 6. Actualiser le fichier `config.yaml` + +Dans la nouvelle version, la structure de configuration pour la gestion des fonctionnalités a été refondue. Donc, il est nécessaire d'actualiser le fichier `config.yaml` . Pour référence, vous pouvez vérifier l'extrait du [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml). Ici, nous mettrons en évidence les configurations les plus couramment utilisées qui ont besoin d'être changé. + +**Mode sombre:** + +Nous avons introduit un nouveau support intégré du mode sombre. En conséquence, il n'est plus nécessaire d'utiliser un service tiers tel que `darkreader`. Pour activer le nouveau mode sombre, s'il vous plaît supprimez les lignes suivantes de votre `config.yaml`. + +```yaml + darkMode: + provider: darkreader + enable: true + default: system +``` + +Ensuite, ajoutez les lignes suivantes sous la section `params.features`: + +```yaml +darkMode: + enable: true +``` + +**Analytics:** + +Nous avons restructuré la configuration pour l'analytique, les commentaires, et les fournisseurs de service supportés. Ils sont maintenant placés sous le champs `services` dans la section respective. + +Par conséquent, votre configuration analytique d'avant sera mise à jour de: + +```yaml +analytics: + enabled: true + google: + id: UA-XXXXXXXXX-X +``` + +à: + +```yaml +analytics: + enable: true + services: + google: + id: UA-XXXXXXXXX-X +``` + +**Commentaire:** + +Pareil, votre configuration de commentaire d'avant sera modifiée comme suit: + +```yaml +comment: + enable: true + disqus: + shortName: +``` + +à: + +```yaml +comment: + enable: true + services: + disqus: + shortName: +``` + +**Support:** + +Et, votre configuration de support des services tiers changera de: + +```yaml +support: + enabled: true + kofi: + user: + text: Tip Me + textColor: '#f9fafc' + backgroundColor: '#248aaa' +``` + +à: + +```yaml +support: + enable: false + services: + kofi: + user: hossainemruz + text: Tip Me + textColor: '#f9fafc' + backgroundColor: '#248aaa' +``` + +**Autres changements:** + +Il y a quelques autres options qui ont été changée. Par exemple: + +```yaml +enableToc: true +``` + +remplacé par: + +```yaml +toc: + enable: true +``` + +De la même manière: + +```yaml +enableTags: true +``` + +remplacé par: + +```yaml +tags: + enable: true + on_card: true +``` + +Enfin, + +```yaml +showFlags: true +``` + +remplacé par: + +```yaml +# Spécifier s'il faut afficher le flag dans le sélecteur de langue. La valeur par défaut est True. +flags: + enable: true + # Si vous voulez utiliser un drapeau de pays différent pour une langue, spécifiez le ici. + # flagOverwrites: + # - languageCode: en + # countryCode: us +``` + +Il y a eu quelques autres changements. Référez-vous s'il vous plaît à au fichier extrait de configuration pour plus de détails. + +### 7. Construire le site + +Finalement, vous êtes prêt à construire le thème. S'il vous plaît, exécutez les étapes suivantes pour construire le site: + +a. Charger les modules Hugo + +```bash +hugo mod tidy +``` + +b. Installez les modules Node + +```bash +hugo mod npm pack +npm install +``` + +c. Exécuter le site + +```bash +hugo server -w +``` + +J'espère que ce guide a été utile dans la migration de votre thème depuis la V3 à la V4. Si vous rencontrez des problèmes, n'hésitez pas à ouvrir une issue dans le [dépôt Github](https://github.com/hugo-toha/toha). \ No newline at end of file From 38990e5bb194de5d4689d61b74e7abe78f5df1b7 Mon Sep 17 00:00:00 2001 From: Nico <92774152+niltied@users.noreply.github.com> Date: Fri, 26 Jan 2024 10:16:01 +0100 Subject: [PATCH 21/58] Update index.fr.md Add the translator to the front matter. --- content/posts/update-v3-to-v4/index.fr.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/content/posts/update-v3-to-v4/index.fr.md b/content/posts/update-v3-to-v4/index.fr.md index 33f47d7c..e3cb10f7 100644 --- a/content/posts/update-v3-to-v4/index.fr.md +++ b/content/posts/update-v3-to-v4/index.fr.md @@ -2,6 +2,9 @@ title: "Migrer de la V3 à la V4" date: 2024-01-05T02:30:00+06:00 description: Un guide de migration de la version 3 du thème vers la version 4. +author: + name: Nicolas Dietlin + image: images/author/nicolas.jpg menu: sidebar: name: Migration V3 à V4 @@ -235,4 +238,4 @@ c. Exécuter le site hugo server -w ``` -J'espère que ce guide a été utile dans la migration de votre thème depuis la V3 à la V4. Si vous rencontrez des problèmes, n'hésitez pas à ouvrir une issue dans le [dépôt Github](https://github.com/hugo-toha/toha). \ No newline at end of file +J'espère que ce guide a été utile dans la migration de votre thème depuis la V3 à la V4. Si vous rencontrez des problèmes, n'hésitez pas à ouvrir une issue dans le [dépôt Github](https://github.com/hugo-toha/toha). From fd42b0efe655bdecd24039d3a4b2b12b350e37e4 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 28 Jan 2024 22:42:08 +0100 Subject: [PATCH 22/58] Add minor fix --- content/posts/customizing/new-section/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/posts/customizing/new-section/index.md b/content/posts/customizing/new-section/index.md index 53a40144..85de3b9c 100644 --- a/content/posts/customizing/new-section/index.md +++ b/content/posts/customizing/new-section/index.md @@ -31,7 +31,7 @@ To add a new section to your site, you need to create a layout file in the `layo ### Step 2: Add CSS Styles -If you want to add custom CSS for your new section, you can do so by adding the CSS code to the `assets/styles/override.scss` file in your site. This file is automatically loaded by the theme and will apply the custom styles. Alternatively, you can create a separate SCSS file in the `assets/styles directory` of your repository and include it in the `assets/styles/override.scss` file using the following syntax: +If you want to add custom CSS for your new section, you can do so by adding the CSS code to the `assets/styles/override.scss` file in your site. This file is automatically loaded by the theme and will apply the custom styles. Alternatively, you can create a separate SCSS file in the `assets/styles` directory of your repository and include it in the `assets/styles/override.scss` file using the following syntax: ```scss @import "your-style-file-name"; From 64bab36bbb5687b143ce59362ef75b672996767f Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 28 Jan 2024 22:42:56 +0100 Subject: [PATCH 23/58] Translate guide to french --- .../posts/customizing/new-section/index.fr.md | 46 +++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 content/posts/customizing/new-section/index.fr.md diff --git a/content/posts/customizing/new-section/index.fr.md b/content/posts/customizing/new-section/index.fr.md new file mode 100644 index 00000000..cea07ff2 --- /dev/null +++ b/content/posts/customizing/new-section/index.fr.md @@ -0,0 +1,46 @@ +--- +title: "Ajout d'une nouvelle section" +date: 2024-01-13T22:30:50+06:00 +author: + name: Nicolas DIETLIN + image: images/author/nicolas.jpg +menu: + sidebar: + name: Ajout Nouvelle Section + identifier: customizing-add-new-section + parent: customizing + weight: 415 +--- + +Si les sections par défaut, modèles, et composants ne satisfont pas vos besoins, vous pouvez facilemement ajouter de nouvelles sections, modèles, et composants à votre site. Ce guide montrera comment ajouter une nouvelle section à votre site. + +### Etape 1 : Ajouter du fichier de mise en page + +Pour ajouter une nouvelle section à votre site, vous devez créer un fichier de mise en page dans le répertoire `layout/partials/sections`. Le fichier doit être nommé d'après le nom de la section. Par exemple, si vous voulez ajouter une section `contact` avec le formulaire de contact, créez un fichier nommé `contact.html`. Utilisez le modèle suivants pour le fichier `contact.html`. + +```html +{{ $sectionID := replace (lower .section.name) " " "-" }} +{{ if .section.id }} + {{ $sectionID = .section.id }} +{{ end }} + +
+ // Your custom HTML code here +
+``` +### Etape 2: Ajouter des styles CSS + +Si vous voulez ajouter un CSS personnalisé pour votre nouvelle section, vous pouvez le faire en ajouter le code CSS au fichier `assets/styles/overrides.scss` dans votre site. Ce fichier est automatiquement chargé par le thème et appliquera les styles personnalisés. Alternativement, vous pouvez créer un fichier SCSS séparé dans le répertoire `assets/styles` de votre dépôt et l'inclure dans le fichier `assets/styles/overrides.scss` en utilisant la syntaxe suivante: + +```scss +@import "your-style-file-name"; +``` + +### Step 3: Ajouter JavaScript + +De façon similaire, si votre nouvelle section requiert un JavaScript supplémentaire, la méthode recommandée est d'ajouter le JavaScript dans le fichier de mise en page lui-même avec le tag ` +``` From 1a60029e0f39544baeffc520abf8a3131b9dfb26 Mon Sep 17 00:00:00 2001 From: Nico <92774152+niltied@users.noreply.github.com> Date: Sun, 28 Jan 2024 22:53:58 +0100 Subject: [PATCH 24/58] Update index.fr.md Realign title of post and entry in the sidebar --- content/posts/customizing/new-section/index.fr.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/posts/customizing/new-section/index.fr.md b/content/posts/customizing/new-section/index.fr.md index cea07ff2..4a53c3bf 100644 --- a/content/posts/customizing/new-section/index.fr.md +++ b/content/posts/customizing/new-section/index.fr.md @@ -1,12 +1,12 @@ --- -title: "Ajout d'une nouvelle section" +title: "Ajouter une nouvelle section" date: 2024-01-13T22:30:50+06:00 author: name: Nicolas DIETLIN image: images/author/nicolas.jpg menu: sidebar: - name: Ajout Nouvelle Section + name: Ajouter une nouvelle section identifier: customizing-add-new-section parent: customizing weight: 415 From 0c3708f41ac69000372a5b40d13363a280d49da9 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 2 Feb 2024 09:17:38 +0100 Subject: [PATCH 25/58] Minor fixes and add custom theme of mermaid --- .../posts/writing-posts/mermaid/index.fr.md | 44 +++++++++++++------ 1 file changed, 30 insertions(+), 14 deletions(-) diff --git a/content/posts/writing-posts/mermaid/index.fr.md b/content/posts/writing-posts/mermaid/index.fr.md index 7eaad188..3a62d24c 100644 --- a/content/posts/writing-posts/mermaid/index.fr.md +++ b/content/posts/writing-posts/mermaid/index.fr.md @@ -10,7 +10,7 @@ menu: mermaid: true --- -Ce thème est construit avec le support de Mermaid propulsé par [maemaidj-js](https://mermaid-js.github.io/mermaid). Pour activer mermail pour une page, vous devez mettre `mermaid: true` dans le front-matter de votre page. Par exemple, cette page à le front-matter suivant: +Ce thème est construit avec le support de Mermaid propulsé par [mermaid-js](https://mermaid-js.github.io/mermaid). Pour activer mermaid pour une page, vous devez mettre `mermaid: true` dans le front-matter de votre page. Par exemple, cette page à le front-matter suivant: ```yaml title: "Support de Mermaid" @@ -37,6 +37,22 @@ Le short code `mermaid` accepte les paramètres suivants: - **align**: aligne votre diagramme à gauche, à droite, ou au centre. L'alignement par défaut est le centre. - **background:** change la couleur d'arrière plan de votre diagramme. +De plus, vous pouvez également personnaliser le thème de vos diagrammes, par exemple: + +```bash +{{}} +%%{init: {'theme':'default'}}%% + # your mermaid content here +{{}} +``` + +Le paramètre `theme` accepte les valeurs suivantes: +- `default` +- `neutral` +- `dark` +- `forest` +- `base` + ## Exemples Voici quelques exemples de différents diagramme utilisant mermaid. @@ -194,21 +210,21 @@ merge newbranch {{< mermaid background="black" align="right" >}} gitGraph: -options -{ + options + { "nodeSpacing": 150, "nodeRadius": 10 -} -end -commit -branch newbranch -checkout newbranch -commit -commit -checkout master -commit -commit -merge newbranch + } + end + commit + branch newbranch + checkout newbranch + commit + commit + checkout master + commit + commit + merge newbranch {{< /mermaid >}}
From 2f95f678c7b183f64541e367809fa4abd71af003 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 2 Feb 2024 09:17:52 +0100 Subject: [PATCH 26/58] Minor fixes and add custom theme of mermaid --- content/posts/writing-posts/mermaid/index.md | 44 +++++++++++++------- 1 file changed, 30 insertions(+), 14 deletions(-) diff --git a/content/posts/writing-posts/mermaid/index.md b/content/posts/writing-posts/mermaid/index.md index 31305125..038fc3f7 100644 --- a/content/posts/writing-posts/mermaid/index.md +++ b/content/posts/writing-posts/mermaid/index.md @@ -10,7 +10,7 @@ menu: mermaid: true --- -This theme comes with built in mermaid support powered by [maemaidj-js](https://mermaid-js.github.io/mermaid). To enable mermaid for a page, you have to put `mermaid: true` in your page front-matter. For example, this page has the following front-matter: +This theme comes with built in mermaid support powered by [mermaid-js](https://mermaid-js.github.io/mermaid). To enable mermaid for a page, you have to put `mermaid: true` in your page front-matter. For example, this page has the following front-matter: ```yaml title: "Mermaid Support" @@ -37,6 +37,22 @@ The `mermaid` short code accept the following parameters: - **align**: Let's you align your diagram at left, right, or center. The default alignment is center. - **background:** Let's you change the background color of your diagram. +In addition, you can also customize the theme of yours diagrams, for example: + +```bash +{{}} +%%{init: {'theme':'default'}}%% + # your mermaid content here +{{}} +``` + +The `theme` parameter accept the following values: +- `default` +- `neutral` +- `dark` +- `forest` +- `base` + ## Examples Here, are few example of different diagram using mermaid. @@ -194,21 +210,21 @@ merge newbranch {{< mermaid background="black" align="right" >}} gitGraph: -options -{ + options + { "nodeSpacing": 150, "nodeRadius": 10 -} -end -commit -branch newbranch -checkout newbranch -commit -commit -checkout master -commit -commit -merge newbranch + } + end + commit + branch newbranch + checkout newbranch + commit + commit + checkout master + commit + commit + merge newbranch {{< /mermaid >}}
From 4568749eb16cfdf2f172abc3149b7bfa63eb1b17 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Fri, 2 Feb 2024 09:18:04 +0100 Subject: [PATCH 27/58] Minor fixes and add custom theme of mermaid --- .../posts/writing-posts/mermaid/index.es.md | 42 +++++++++++++------ 1 file changed, 29 insertions(+), 13 deletions(-) diff --git a/content/posts/writing-posts/mermaid/index.es.md b/content/posts/writing-posts/mermaid/index.es.md index f41ee1bf..611b8053 100644 --- a/content/posts/writing-posts/mermaid/index.es.md +++ b/content/posts/writing-posts/mermaid/index.es.md @@ -40,6 +40,22 @@ El shortcode de `mermaid` acepta los siguientes parámetros: - **align**: Permite alinear el diagrama a la izquierda, derecha o centro. La alineación predeterminada es el centro. - **background:** Permite cambiar el color de fondo del diagrama. +Además, también puedes personalizar el tema de tus diagramas, por ejemplo: + +```bash +{{}} +%%{init: {'theme':'default'}}%% + # your mermaid content here +{{}} +``` + +El parámetro `theme` acepta los siguientes valores: +- `default` +- `neutral` +- `dark` +- `forest` +- `base` + ## Ejemplos Aquí hay algunos ejemplos de distintos diagramas usando mermaid. @@ -197,21 +213,21 @@ merge newbranch {{< mermaid background="black" align="right" >}} gitGraph: -options -{ + options + { "nodeSpacing": 150, "nodeRadius": 10 -} -end -commit -branch newbranch -checkout newbranch -commit -commit -checkout master -commit -commit -merge newbranch + } + end + commit + branch newbranch + checkout newbranch + commit + commit + checkout master + commit + commit + merge newbranch {{< /mermaid >}}
From 2cdecf4b305aa95934a7c2cc1a2cc78ee616d189 Mon Sep 17 00:00:00 2001 From: niltied <92774152+niltied@users.noreply.github.com> Date: Sat, 3 Feb 2024 00:25:11 +0000 Subject: [PATCH 28/58] [create-pull-request] automated change --- assets/jsconfig.json | 2 +- go.mod | 2 +- go.sum | 6 ++---- 3 files changed, 4 insertions(+), 6 deletions(-) diff --git a/assets/jsconfig.json b/assets/jsconfig.json index e36b87f4..5fbc8b50 100644 --- a/assets/jsconfig.json +++ b/assets/jsconfig.json @@ -3,7 +3,7 @@ "baseUrl": ".", "paths": { "*": [ - "../../../../../../.cache/hugo_cache/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/v4@v4.1.2-0.20240202170212-de1cee3951f7/assets/*" + "../../../../../../tmp/hugo_cache_runner/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/v4@v4.2.0/assets/*" ] } } diff --git a/go.mod b/go.mod index 7a041040..3cb4647e 100644 --- a/go.mod +++ b/go.mod @@ -5,4 +5,4 @@ go 1.19 // Uncomment for local development // replace github.com/hugo-toha/toha/v4 => ../toha -require github.com/hugo-toha/toha/v4 v4.1.2-0.20240202170212-de1cee3951f7 // indirect +require github.com/hugo-toha/toha/v4 v4.2.0 // indirect diff --git a/go.sum b/go.sum index 5813c8a1..955911a5 100644 --- a/go.sum +++ b/go.sum @@ -1,4 +1,2 @@ -github.com/hugo-toha/toha/v4 v4.1.1 h1:KbCWZRkHewaO6hsKxnlkyO9RjmBwIUbVh7KY+VfiNaU= -github.com/hugo-toha/toha/v4 v4.1.1/go.mod h1:p/K34lqlqmhzfPd4cx66od7sjlROBqhMxG30mJz+aKQ= -github.com/hugo-toha/toha/v4 v4.1.2-0.20240202170212-de1cee3951f7 h1:YGTiyHBk+slMSuuisy1bJswesSFKgpdp+hh6CiNFpxA= -github.com/hugo-toha/toha/v4 v4.1.2-0.20240202170212-de1cee3951f7/go.mod h1:p/K34lqlqmhzfPd4cx66od7sjlROBqhMxG30mJz+aKQ= +github.com/hugo-toha/toha/v4 v4.2.0 h1:CzYqU4zRDGvdlwxsrUZW+DQ3Pc2QkpGEKMX8qoMfkn4= +github.com/hugo-toha/toha/v4 v4.2.0/go.mod h1:p/K34lqlqmhzfPd4cx66od7sjlROBqhMxG30mJz+aKQ= From d23053ffcb5e7719c10a62bdf38372609b7cbf1f Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sat, 3 Feb 2024 08:06:25 +0100 Subject: [PATCH 29/58] Deletion options block on gitGraph --- content/posts/writing-posts/mermaid/index.fr.md | 6 ------ 1 file changed, 6 deletions(-) diff --git a/content/posts/writing-posts/mermaid/index.fr.md b/content/posts/writing-posts/mermaid/index.fr.md index 75605b3b..e96a9e0d 100644 --- a/content/posts/writing-posts/mermaid/index.fr.md +++ b/content/posts/writing-posts/mermaid/index.fr.md @@ -190,12 +190,6 @@ classDiagram ```bash {{< mermaid background="black" align="right" >}} gitGraph: - options - { - "nodeSpacing": 150, - "nodeRadius": 10 - } - end commit branch newbranch checkout newbranch From 77b1ca5f256eb192b980a8b45c3cb6cf6b69a42e Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sat, 3 Feb 2024 08:49:15 +0100 Subject: [PATCH 30/58] Initial translation in french --- .../customizing/customize-css/index.fr.md | 102 ++++++++++++++++++ 1 file changed, 102 insertions(+) create mode 100644 content/posts/customizing/customize-css/index.fr.md diff --git a/content/posts/customizing/customize-css/index.fr.md b/content/posts/customizing/customize-css/index.fr.md new file mode 100644 index 00000000..b4ef82b9 --- /dev/null +++ b/content/posts/customizing/customize-css/index.fr.md @@ -0,0 +1,102 @@ +--- +title: "Personnalisation CSS" +date: 2024-01-13T22:00:50+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.jpg +menu: + sidebar: + name: Personnaliser les CSS + identifier: customize-css + parent: customizing + weight: 407 +--- + +Ce thème vous permet de personnaliser l'apparence de votre site et ces composants par une surcharge du CSS par defaut. Ce guide vous montrera comment surcharger le schéma de couleurs et personnaliser les CSS des composants individuels. + +Le thème utilise [Sass](https://sass-lang.com/) pour générer du CSS. Si vous n'êtes pas familier avec Sass, vous pouvez en apprendre plus à son sujet [ici](https://sass-lang.com/guide). + +## Surcharger les variables des couleurs du thème + +Si vous voulez changer le schéma des couleurs par défaut de votre thème, vous pouvez surcharger les variables de couleur du thème. Pour surcharger les variables de couleur du thème, vous devrez créer un fichier nommé `variables.scss` dans le répertoire `assets/styles` de votre site. Puis copiez le contenu du fichier [variables.scss](https://github.com/hugo-toha/toha/blob/main/assets/styles/variables.scss) par défaut et coller le dans votre fichier de personnalisation `variables.scss`. Ici, seule la section `$theme` du fichier `variables.scss` par defaut est montré ci-dessous: + +```scss +// themes +$themes: ( + 'light': ( + // cyan 600 + 'accent-color': #0891b2, + // cyan 500 + 'hover-over-accent-color': #06b6d4, + // zinc 200 + 'text-over-accent-color': #e4e4e7, + // slate 50 + 'bg-primary': #f8fafc, + // slate 900 + 'bg-primary-inverse': #0f172a, + // slate 200 + 'bg-secondary': #e2e8f0, + 'bg-card': #fff, + // slate 800 + 'heading-color': #1e293b, + // slate 700 + 'text-color': #334155, + // slate 300 + 'inverse-text-color': #cbd5e1, + // slate 500 + 'muted-text-color': #64748b, + // red 600 + 'inline-code-color': #dc2626, + // amber 200 + 'highlight-color': #fde68a, + // slate 900 + 'footer-color': #0f172a, + ), + 'dark': ( + // cyan 600 + 'accent-color': #0891b2, + // cyan 500 + 'hover-over-accent-color': #06b6d4, + // zinc 200 + 'text-over-accent-color': #e4e4e7, + // gray-800 + 'bg-primary': #1f2937, + // slate 900 + 'bg-primary-inverse': #0f172a, + // gray 900 + 'bg-secondary': #111827, + // slate 800 + 'bg-card': #1e293b, + // slate 100 + 'heading-color': #f1f5f9, + // slate 300 + 'text-color': #cbd5e1, + // slate 900 + 'inverse-text-color': #0f172a, + // slate 500 + 'muted-text-color': #64748b, + // red 600 + 'inline-code-color': #dc2626, + // amber 200 + 'highlight-color': #fde68a, + // slate 900 + 'footer-color': #0f172a, + ), +); +``` + +Les champs `light` et `dark` dans la cartopgraphie de couleur représentent respectivement les schémas de couleur pour le mode lumière et le mode sombre. En modifiant les codes couleurs dans ces champs, vous pouvez personnaliser l'apparence de votre site. + +## Surcharger un composant CSS + +Pour surcharger le CSS d'un composant, créez un fichier `override.scss` dans le répertoire `assets/styles` de votre site. Puis, placez le nouveau CSS pour ce composant ici. Vous n'avez pas besoin de réécrire l'ensemble du CSS du composant. Vous pouvez juste mettre les champs modifiés. + +Par exemple, pour désactiver l'effet flou de l'image d'arrière plan sur la page d'accueil, vous pouvez ajouter le code SCSS suivant dans votre fichier `override.scss`: + +```scss +.home{ + .background{ + filter: none; + } +} +``` From b6c5608861fd621d32bf5c3b8c3ff023b51d3a5a Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sat, 3 Feb 2024 08:53:13 +0100 Subject: [PATCH 31/58] Update french translation --- content/posts/customizing/customize-css/index.fr.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/posts/customizing/customize-css/index.fr.md b/content/posts/customizing/customize-css/index.fr.md index b4ef82b9..2d2ab58f 100644 --- a/content/posts/customizing/customize-css/index.fr.md +++ b/content/posts/customizing/customize-css/index.fr.md @@ -12,13 +12,13 @@ menu: weight: 407 --- -Ce thème vous permet de personnaliser l'apparence de votre site et ces composants par une surcharge du CSS par defaut. Ce guide vous montrera comment surcharger le schéma de couleurs et personnaliser les CSS des composants individuels. +Ce thème vous permet de personnaliser l'apparence de votre site et ses composants par une surcharge du CSS par defaut. Ce guide vous montrera comment surcharger le schéma de couleurs et personnaliser les CSS des composants individuels. Le thème utilise [Sass](https://sass-lang.com/) pour générer du CSS. Si vous n'êtes pas familier avec Sass, vous pouvez en apprendre plus à son sujet [ici](https://sass-lang.com/guide). ## Surcharger les variables des couleurs du thème -Si vous voulez changer le schéma des couleurs par défaut de votre thème, vous pouvez surcharger les variables de couleur du thème. Pour surcharger les variables de couleur du thème, vous devrez créer un fichier nommé `variables.scss` dans le répertoire `assets/styles` de votre site. Puis copiez le contenu du fichier [variables.scss](https://github.com/hugo-toha/toha/blob/main/assets/styles/variables.scss) par défaut et coller le dans votre fichier de personnalisation `variables.scss`. Ici, seule la section `$theme` du fichier `variables.scss` par defaut est montré ci-dessous: +Si vous voulez changer le schéma de couleurs par défaut de votre thème, vous pouvez surcharger les variables de couleur du thème. Pour surcharger les variables de couleur du thème, vous devrez créer un fichier nommé `variables.scss` dans le répertoire `assets/styles` de votre site. Puis copiez le contenu du fichier [variables.scss](https://github.com/hugo-toha/toha/blob/main/assets/styles/variables.scss) par défaut et collez le dans votre fichier de personnalisation `variables.scss`. Ici, seule la section `$theme` du fichier `variables.scss` par defaut est montré ci-dessous: ```scss // themes From 157052ce916fd0e2b740649ff40fb47e8752bf76 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sat, 3 Feb 2024 09:07:30 +0100 Subject: [PATCH 32/58] Initial translation to french --- .../writing-posts/rich-content/index.fr.md | 42 +++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 content/posts/writing-posts/rich-content/index.fr.md diff --git a/content/posts/writing-posts/rich-content/index.fr.md b/content/posts/writing-posts/rich-content/index.fr.md new file mode 100644 index 00000000..56bf28dd --- /dev/null +++ b/content/posts/writing-posts/rich-content/index.fr.md @@ -0,0 +1,42 @@ +--- +title: "Contenu riche" +date: 2020-06-08T06:15:30+06:00 +menu: + sidebar: + name: Contenu riche + identifier: writing-post-rich-content + parent: writing-post + weight: 50 +--- + +Hugo est livré avec quelques [Shortcodes intégrés](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) pour du contenu riche, ainsi qu'une [configuration pour le respect de la vie privée](https://gohugo.io/about/hugo-and-gdpr/) et un ensemble de Shortcode simples qui active des versions statiques et sans JS de différents médias sociaux. + + +--- + +## Shortcode simple Instagram + + +
+ +--- + +## Shortcode amélioré de confidentialité YouTube + +{{< youtube ZJthWmvUzzc >}} + +
+ +--- + +## Shortcode simple Twitter + +{{< tweet user="SanDiegoZoo" id="1453110110599868418" >}} + +
+ +--- + +## Shortcode simple Vimeo + +{{< vimeo_simple 48912912 >}} From f932f72e6fce6e7fcec6305c42ad86ddbbce1416 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sat, 3 Feb 2024 09:07:47 +0100 Subject: [PATCH 33/58] Initial translation to french --- content/posts/writing-posts/front-matter/index.fr.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 content/posts/writing-posts/front-matter/index.fr.md diff --git a/content/posts/writing-posts/front-matter/index.fr.md b/content/posts/writing-posts/front-matter/index.fr.md new file mode 100644 index 00000000..06ac4762 --- /dev/null +++ b/content/posts/writing-posts/front-matter/index.fr.md @@ -0,0 +1,12 @@ +--- +title: "Front Matter" +date: 2020-06-08T06:15:45+06:00 +menu: + sidebar: + name: Front Matter + identifier: writing-post-front-matter + parent: writing-post + weight: 20 +--- + +### Article complet à venir... From 34f3107eb0008e18c162dd589788149d47bb5085 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sat, 3 Feb 2024 09:10:05 +0100 Subject: [PATCH 34/58] Update french translation --- content/posts/writing-posts/rich-content/index.fr.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/posts/writing-posts/rich-content/index.fr.md b/content/posts/writing-posts/rich-content/index.fr.md index 56bf28dd..b72d22a2 100644 --- a/content/posts/writing-posts/rich-content/index.fr.md +++ b/content/posts/writing-posts/rich-content/index.fr.md @@ -9,7 +9,7 @@ menu: weight: 50 --- -Hugo est livré avec quelques [Shortcodes intégrés](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) pour du contenu riche, ainsi qu'une [configuration pour le respect de la vie privée](https://gohugo.io/about/hugo-and-gdpr/) et un ensemble de Shortcode simples qui active des versions statiques et sans JS de différents médias sociaux. +Hugo est livré avec quelques [Shortcodes intégrés](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) pour du contenu riche, ainsi qu'une [configuration pour le respect de la vie privée](https://gohugo.io/about/hugo-and-gdpr/) et un ensemble de Shortcode simples qui activent des versions statiques et sans JS de différents médias sociaux. --- From 891474574277cf1ad34c3be6a92da57e4472742a Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 4 Feb 2024 08:22:41 +0100 Subject: [PATCH 35/58] Initial translation to french --- content/posts/translation/content/index.fr.md | 31 +++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 content/posts/translation/content/index.fr.md diff --git a/content/posts/translation/content/index.fr.md b/content/posts/translation/content/index.fr.md new file mode 100644 index 00000000..c001508c --- /dev/null +++ b/content/posts/translation/content/index.fr.md @@ -0,0 +1,31 @@ +--- +title: "Comment traduire des billets ?" +date: 2024-01-15T06:20:50+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.png +menu: + sidebar: + name: Traduire des billets + identifier: translation-posts + parent: translation + weight: 520 +--- + +Ce thème prend en charge plusieurs langues. + +Avant de commencer la traduction d'un billet, assurez-vous que vous avez activé la langue sur votre site. Si ce n'est pas le cas, vous pouvez suivre la section `Ajout d'une langue à votre site` du guide [Comment traduire les données du site ?](/fr/posts/translation/site-data/). + +## Création du billet + +Lorsque vous avez ajouté la langue désirée à votre site web, sachez que vous pouvez traduire un billet vers cette langue. Nous allons supposer que vous voulez traduire un billet existant. + +### Création du fichier index + +La première étape est de localiser le fichier `index.md` du billet que vous voulez traduire. Puis vous allez créer un fichier dans le même répertoire (ou bien vous pouvez juste dupliquer le fichier `index.md`), et le nommer `index..md`, où `` est le code du langage que vous pouvez retrouver dans le tableau des langages sur [Comment traduire les données du site ?](/fr/posts/translation/site-data/). + +### Traduction du billet + +Maintenant, vous pouvez démarrer la traduction du billet, de la même façon que vous écrivez un nouveau billet. + +> INFO : Si vous avez affaire à des références internes, vous devez ajouter le prefix `/` devant votre chemin relatif. Par exemple, si vous voulez créer un lien pointant vers `/posts/translation/site-data/`, le lien vers le billet traduit sera `//posts/translation/site-data/`. From 0ef3f0f63478c8490f7861f3045779152041b04d Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 4 Feb 2024 08:22:46 +0100 Subject: [PATCH 36/58] Initial translation to french --- .../posts/translation/site-data/index.fr.md | 88 +++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 content/posts/translation/site-data/index.fr.md diff --git a/content/posts/translation/site-data/index.fr.md b/content/posts/translation/site-data/index.fr.md new file mode 100644 index 00000000..6d0a9e0a --- /dev/null +++ b/content/posts/translation/site-data/index.fr.md @@ -0,0 +1,88 @@ +--- +title: "Comment traduire les données du site ?" +date: 2024-01-15T06:20:50+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.png +menu: + sidebar: + name: Traduction Page d'accueil + identifier: translation-homepage + parent: translation + weight: 510 +--- + +Ce thème prend en charge plusieurs langues. + +## Ajouter une langue à votre site + +L'ajout d'une langue à votre site traduira l'interface dans cette langue (incluant les boutons, la barre de navigation, etc.). + +### Obtenir le code de la langue + +Pour traduire votre site, vous aurez besoin du code de la langue. Le tableau suivant contient lzs langues supportées ainsi que leurs codes: + +| Languages | Code | +|----------------------|-------------------| +| English | `en` / none | +| বাংলা | `bn` | +| Français | `fr` | +| Indonesian | `id` | +| Deutsch | `de` | +| Español | `es` | +| 简体中文 | `zh-cn` / `zh-tw` | +| हिन्दी | `hi` | +| Italiano | `it` | +| 日本語 | `jp` | +| 한국어 | `ko` | +| русский | `ru` | +| suomi | `fi` | +| Tiếng Việt | `vn` | +| Turkish | `tr` | +| Arabic (العربية) | `ar` | +| Português Europeu | `pt-pt` | +| Català | `ad` | +| Português Brasileiro | `pt-br` | +| Dutch | `nl` | + +
+ +Pour la liste complète des langages supportés, consultez s'il vous plaît le fichier README du [dépôt Toha](https://github.com/hugo-toha/toha). + +Si la langue désirée pour la traduction du votre contenu n'est pas disponible, consultez s'il vous plaît le guide [Comment ajouter un langage non supporté ?](/fr/posts/translation/new-language/) + +### Ajouter la langue dans `config.yaml` + +Après avoir identifié le code de la langue pour laquelle vous voulez traduire votre site, ouvrez le fichier `config.yaml`, et sous la section `languages` ajoutez ce qui suit: + +```yaml +languages: + en: + languageName: English + weight: 1 + : + languageName: + weight: 2 # Vous pouvez paramètrer l'ordre des langues avec cette valeur +``` + +Par exemple, si vous voulez configurer `Français` comme nouvelle langue, la section devrait ressembler à ça: + +```yaml +languages: + en: + languageName: English + weight: 1 + fr: + languageName: Français + weight: 2 # Vous pouvez paramètrer l'ordre des langues avec cette valeur +``` + +## Translating the Main Page + +Vous pouvez traduire la page principale en créant un nouveau répertoire dans le répertoire `data`. Le nom de ce nouveau répertoire devra être ``. Par exemple, si nous voulons traduire vers le français, nous devrons créer le répertoire `fr` dans le répertoire `data`. + +Ensuite, vous pouvez créer votre fichier de données habituel tel que `about.yaml` ou `education.yaml`, en conservant la même structure et le même nom de fichier. Dans ces fichiers, vous pouvez simplement traduire le contenu des champs dans la langue désirée. + +## Et ensuite ? + +Vous pouvez consulter le guide suivant [Comment traduire des billets ?](/fr/posts/translation/content). From abd26c811374f93c13f715abd045c1b7a34cbc86 Mon Sep 17 00:00:00 2001 From: hossainemruz Date: Sat, 24 Feb 2024 00:07:34 +0600 Subject: [PATCH 37/58] Fix build due to incorrect image extension Signed-off-by: hossainemruz --- content/posts/translation/content/index.fr.md | 2 +- content/posts/translation/site-data/index.fr.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/content/posts/translation/content/index.fr.md b/content/posts/translation/content/index.fr.md index c001508c..9b35cb3e 100644 --- a/content/posts/translation/content/index.fr.md +++ b/content/posts/translation/content/index.fr.md @@ -3,7 +3,7 @@ title: "Comment traduire des billets ?" date: 2024-01-15T06:20:50+06:00 author: name: Nicolas Dietlin - image: images/author/nicolas.png + image: images/author/nicolas.jpg menu: sidebar: name: Traduire des billets diff --git a/content/posts/translation/site-data/index.fr.md b/content/posts/translation/site-data/index.fr.md index 6d0a9e0a..98066c28 100644 --- a/content/posts/translation/site-data/index.fr.md +++ b/content/posts/translation/site-data/index.fr.md @@ -3,7 +3,7 @@ title: "Comment traduire les données du site ?" date: 2024-01-15T06:20:50+06:00 author: name: Nicolas Dietlin - image: images/author/nicolas.png + image: images/author/nicolas.jpg menu: sidebar: name: Traduction Page d'accueil From ef6e0a17785a92c51514abc173ec8fc92ee522cb Mon Sep 17 00:00:00 2001 From: niltied <92774152+niltied@users.noreply.github.com> Date: Mon, 26 Feb 2024 00:26:09 +0000 Subject: [PATCH 38/58] [create-pull-request] automated change --- assets/jsconfig.json | 2 +- go.mod | 2 +- go.sum | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/jsconfig.json b/assets/jsconfig.json index 8021d510..02389114 100644 --- a/assets/jsconfig.json +++ b/assets/jsconfig.json @@ -3,7 +3,7 @@ "baseUrl": ".", "paths": { "*": [ - "../../../../../../tmp/hugo_cache_runner/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/v4@v4.3.0/assets/*" + "../../../../../../tmp/hugo_cache_runner/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/v4@v4.3.1/assets/*" ] } } diff --git a/go.mod b/go.mod index 472beaee..a012cdce 100644 --- a/go.mod +++ b/go.mod @@ -5,4 +5,4 @@ go 1.19 // Uncomment for local development // replace github.com/hugo-toha/toha/v4 => ../toha -require github.com/hugo-toha/toha/v4 v4.3.0 // indirect +require github.com/hugo-toha/toha/v4 v4.3.1 // indirect diff --git a/go.sum b/go.sum index b5010ad3..6edc21d8 100644 --- a/go.sum +++ b/go.sum @@ -1,2 +1,2 @@ -github.com/hugo-toha/toha/v4 v4.3.0 h1:sJJjCy8GQr2nP+G3z5bbVpEbwxFd/8uUYUuatyf2E3I= -github.com/hugo-toha/toha/v4 v4.3.0/go.mod h1:p/K34lqlqmhzfPd4cx66od7sjlROBqhMxG30mJz+aKQ= +github.com/hugo-toha/toha/v4 v4.3.1 h1:tva4Qqtz+iP9TeGEJnBGNHUFdDFjNx+Gt1OvqblCX/I= +github.com/hugo-toha/toha/v4 v4.3.1/go.mod h1:p/K34lqlqmhzfPd4cx66od7sjlROBqhMxG30mJz+aKQ= From 8f7e39d13246c4f954010ac3de57ba2dfb3b84c7 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 3 Mar 2024 20:53:43 +0100 Subject: [PATCH 39/58] Translate guide to french --- content/posts/contributing/index.fr.md | 138 +++++++++++++++++++++++++ 1 file changed, 138 insertions(+) create mode 100644 content/posts/contributing/index.fr.md diff --git a/content/posts/contributing/index.fr.md b/content/posts/contributing/index.fr.md new file mode 100644 index 00000000..4988ebe1 --- /dev/null +++ b/content/posts/contributing/index.fr.md @@ -0,0 +1,138 @@ +--- +title: "Comment contribuer ?" +date: 2024-01-19T02:30:00+06:00 +description: A guide on how to contribute to toha +author: + name: Nicolas Dietlin + image: images/author/nicolas.png +menu: + sidebar: + name: Contribution + identifier: contributing + weight: 900 +--- + +## Les manières de contribuer + +Vous pouvez contribuer à ce thème de différentes manières. + +### Code + +Les Pull Requests sont les bienvenues et je serai heureux de les examiner. Suivez simplement les principes suivants: + +- Gardez les simple. +- Gardez les cohérentes avec le design de l'UI. +- Utilisez le moins de dépendances possibles. +- Soyez patient. + +### Tests et rapport des problèmes + +- Vous pouvez signaler un [bug](https://github.com/hugo-toha/toha/issues/new?template=bug.md) +- Vous pouvez aussi faire une [demande de fonctionnalité](https://github.com/hugo-toha/toha/issues/new?template=feature_request.md) +- [Partager vos réflexions](https://github.com/hugo-toha/toha/issues/new?template=question.md) + +### Documentation + +Vous pouvez aussi contribuer à la documentation du thème par : + +- L'ajout d'informations et de sections. +- Des corrections d'erreurs et de frappes. +- Des mises à jour de la documentation obsolète. +- La traduction de la documentation dans une nouvelle langue, ce [guide](/fr/posts/translation/content/) pourrait être utile. + +### Traduction + +Enfin, vous pouvez contribuer à la traduction du thème dans plusieurs langues, en complétant les mots manquants, ou par l'ajout d'une nouvelle langue. Vous pouvez suivre le guide [Comment ajouter un langage non supporté ?](/fr/posts/translation/new-language/) pour plus d'informations. + +## Comment contribuer ? + +Pour le développement local, vous pouvez apporter des changements dans le sous-module du thème et tester les changements sur votre propre site ou ce [site d'exemple](https://github.com/hugo-toha/hugo-toha.github.io) local. + +### Cloner + +D'abord, clonez [ce dépôt](https://github.com/hugo-toha/toha). Ensuite, suivre les étapes suivantes pour utiliser le thème cloné pour un développement local. + +#### Lancer le thème cloné par rapport au site d'exemple + +Si vous voulez vous lancer dans votre développement local par rapport au [site d'exemple](https://github.com/hugo-toha/hugo-toha.github.io), suivre les étapes suivantes: + +```bash +# Se rendre dans le répertoire exampleSite +$ cd exampleSite +# installer les modules hugo +$ hugo mod tidy +# installer les dépendances +$ hugo mod npm pack +$ npm install +# Lancer le site exemple localement +$ hugo server -w +``` + +Maintenant, vous pouvez faire des changements dans le thème et ils seront immédiatement restitués sur le site en cours d'exécution. Si vous avez besoin de changer n'importe quelle configuration, vous pouvez faire cela dans le fichier `config.yaml` à l'intérieur du répertoire `exampleSite`. Si vous avez besoin d'ajouter n'importe quel contenu ou donnée, vous pouvez créer le dossier correspondant à l'intérieur du répertoire `exampleSite` et ajouter votre contenu ou donnée désirés. + +#### Lancer le thème cloné par rapport à votre propre site + +Si vous voulez exécuter votre développement local par rapport à votre propore site, suivez les étapes suivantes: + +**Remplacer le module du thème:** + +Ouvrez le fichier `go.mod` de votre site et remplacez le chemin `github.com/hugo-toha/toha/v4` par le chemin de votre dépôt cloné. Par exemple, si votre dépôt cloné est `github.com//toha`, alors remplacez le chemin `github.com/hugo-toha/toha/v4` par `github.com//toha/v4`. + +```go +module github.com/hugo-toha/hugo-toha.github.io + +go 1.19 + +require github.com/hugo-toha/toha/v4 v4.0.1-0.20231229170427-d3968ca711ef // indirect + +replace( + github.com/hugo-toha/toha/v4 => github.com//toha/v4 +) +``` + +Pour un développement intéractif, vous pouvez remplacer le thème par votre dépôt cloné. Par exemple, si vous avez cloné votre dépôt dans `/home/my-projects/toha`, alors remplacez le `github.com/hugo-toha/toha/v4` par `/home/my-projects/toha`. + +```go +module github.com/hugo-toha/hugo-toha.github.io + +go 1.19 + +require github.com/hugo-toha/toha/v4 v4.0.1-0.20231229170427-d3968ca711ef // indirect + +replace( + github.com/hugo-toha/toha/v4 => /home/my-projects/toha +) +``` + +**Mise à jour des dépendances:** + +```bash +# Mettre à jour les modules hugo +$ hugo mod tidy +# Installer les dépendances +$ hugo mod npm pack +$ npm install +``` + +**Lancez votre site en local:** + +```bash +$ hugo server -w +``` + +A partir d'ici vous pouvez faire des changements au code source du thème tout en testant votre site Hugo en cours d'exécution ou le site d'exemple. + +### Ouvrir une Pull Request + +Lorsque les changements semblent corrects, validez et poussez-les vers votre dépôt cloné. + +```bash +# Indexé tous les changements +$ git add . +# Validez vos changements avec un message complet sur ce que ça apporte +$ git commit -m "A meaningful commit message" +# push the commit to your fork +$ git push my-fork my-feature-branch +``` + +Ensuite, ouvrez une PR vers la branche `main` d'[hugo-toha/toha](https://github.com/hugo-toha/toha) depuis la branche `ma_branche_de_fonctionnalité` de votre dépôt cloné. From f25d83f2e86ca6e2e9013ccc078ef1fff135d797 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 3 Mar 2024 20:54:40 +0100 Subject: [PATCH 40/58] Update guide (minor fix) --- content/posts/contributing/index.md | 13 +++++++------ content/posts/customizing/new-section/index.fr.md | 1 + 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/content/posts/contributing/index.md b/content/posts/contributing/index.md index 04fdb00a..6037a172 100644 --- a/content/posts/contributing/index.md +++ b/content/posts/contributing/index.md @@ -21,9 +21,9 @@ You can contribute to this theme in various ways. Pull requests are most welcome and I will be happy to review. Just follow the following principles: - Keep it simple. -- Keep it consistent with the design. +- Keep it consistent with the design of the UI. - Use as few dependencies as possible. -- Have patience. +- Be patient. ### Testing and reporting issues @@ -34,16 +34,17 @@ Pull requests are most welcome and I will be happy to review. Just follow the fo ### Documentation You can also contribute to the theme documentation by: -- Adding information and sections -- Fixing errors and typos -- Updating obsolete documentation + +- Adding information and sections. +- Fixing errors and typos. +- Updating obsolete documentation. - Translating the documentation to a new language, [this](/posts/translation/content/) guide might be helpful. ### Translation Finally, you can contribute to the translation of the theme to several languages, by completing missing words, or by adding a new language. You can follow the guide [How to add an unsupported language](/posts/translation/new-language/) for more information. -## How to contibute? +## How to contribute? For local development, you can make changes in the theme submodule and test the changes against your own site or this [example site](https://github.com/hugo-toha/hugo-toha.github.io) locally. diff --git a/content/posts/customizing/new-section/index.fr.md b/content/posts/customizing/new-section/index.fr.md index 8392fcca..5c786cc1 100644 --- a/content/posts/customizing/new-section/index.fr.md +++ b/content/posts/customizing/new-section/index.fr.md @@ -28,6 +28,7 @@ Pour ajouter une nouvelle section à votre site, vous devez créer un fichier de // Your custom HTML code here ``` + ### Etape 2: Ajouter des styles CSS Si vous voulez ajouter un CSS personnalisé pour votre nouvelle section, vous pouvez le faire en ajouter le code CSS au fichier `assets/styles/overrides.scss` dans votre site. Ce fichier est automatiquement chargé par le thème et appliquera les styles personnalisés. Alternativement, vous pouvez créer un fichier SCSS séparé dans le répertoire `assets/styles` de votre dépôt et l'inclure dans le fichier `assets/styles/overrides.scss` en utilisant la syntaxe suivante: From 56762662e95ac4b1fd5631a50010c01ad838bc88 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 3 Mar 2024 20:53:43 +0100 Subject: [PATCH 41/58] Translate guide to french --- content/posts/contributing/index.fr.md | 138 +++++++++++++++++++++++++ 1 file changed, 138 insertions(+) create mode 100644 content/posts/contributing/index.fr.md diff --git a/content/posts/contributing/index.fr.md b/content/posts/contributing/index.fr.md new file mode 100644 index 00000000..4988ebe1 --- /dev/null +++ b/content/posts/contributing/index.fr.md @@ -0,0 +1,138 @@ +--- +title: "Comment contribuer ?" +date: 2024-01-19T02:30:00+06:00 +description: A guide on how to contribute to toha +author: + name: Nicolas Dietlin + image: images/author/nicolas.png +menu: + sidebar: + name: Contribution + identifier: contributing + weight: 900 +--- + +## Les manières de contribuer + +Vous pouvez contribuer à ce thème de différentes manières. + +### Code + +Les Pull Requests sont les bienvenues et je serai heureux de les examiner. Suivez simplement les principes suivants: + +- Gardez les simple. +- Gardez les cohérentes avec le design de l'UI. +- Utilisez le moins de dépendances possibles. +- Soyez patient. + +### Tests et rapport des problèmes + +- Vous pouvez signaler un [bug](https://github.com/hugo-toha/toha/issues/new?template=bug.md) +- Vous pouvez aussi faire une [demande de fonctionnalité](https://github.com/hugo-toha/toha/issues/new?template=feature_request.md) +- [Partager vos réflexions](https://github.com/hugo-toha/toha/issues/new?template=question.md) + +### Documentation + +Vous pouvez aussi contribuer à la documentation du thème par : + +- L'ajout d'informations et de sections. +- Des corrections d'erreurs et de frappes. +- Des mises à jour de la documentation obsolète. +- La traduction de la documentation dans une nouvelle langue, ce [guide](/fr/posts/translation/content/) pourrait être utile. + +### Traduction + +Enfin, vous pouvez contribuer à la traduction du thème dans plusieurs langues, en complétant les mots manquants, ou par l'ajout d'une nouvelle langue. Vous pouvez suivre le guide [Comment ajouter un langage non supporté ?](/fr/posts/translation/new-language/) pour plus d'informations. + +## Comment contribuer ? + +Pour le développement local, vous pouvez apporter des changements dans le sous-module du thème et tester les changements sur votre propre site ou ce [site d'exemple](https://github.com/hugo-toha/hugo-toha.github.io) local. + +### Cloner + +D'abord, clonez [ce dépôt](https://github.com/hugo-toha/toha). Ensuite, suivre les étapes suivantes pour utiliser le thème cloné pour un développement local. + +#### Lancer le thème cloné par rapport au site d'exemple + +Si vous voulez vous lancer dans votre développement local par rapport au [site d'exemple](https://github.com/hugo-toha/hugo-toha.github.io), suivre les étapes suivantes: + +```bash +# Se rendre dans le répertoire exampleSite +$ cd exampleSite +# installer les modules hugo +$ hugo mod tidy +# installer les dépendances +$ hugo mod npm pack +$ npm install +# Lancer le site exemple localement +$ hugo server -w +``` + +Maintenant, vous pouvez faire des changements dans le thème et ils seront immédiatement restitués sur le site en cours d'exécution. Si vous avez besoin de changer n'importe quelle configuration, vous pouvez faire cela dans le fichier `config.yaml` à l'intérieur du répertoire `exampleSite`. Si vous avez besoin d'ajouter n'importe quel contenu ou donnée, vous pouvez créer le dossier correspondant à l'intérieur du répertoire `exampleSite` et ajouter votre contenu ou donnée désirés. + +#### Lancer le thème cloné par rapport à votre propre site + +Si vous voulez exécuter votre développement local par rapport à votre propore site, suivez les étapes suivantes: + +**Remplacer le module du thème:** + +Ouvrez le fichier `go.mod` de votre site et remplacez le chemin `github.com/hugo-toha/toha/v4` par le chemin de votre dépôt cloné. Par exemple, si votre dépôt cloné est `github.com//toha`, alors remplacez le chemin `github.com/hugo-toha/toha/v4` par `github.com//toha/v4`. + +```go +module github.com/hugo-toha/hugo-toha.github.io + +go 1.19 + +require github.com/hugo-toha/toha/v4 v4.0.1-0.20231229170427-d3968ca711ef // indirect + +replace( + github.com/hugo-toha/toha/v4 => github.com//toha/v4 +) +``` + +Pour un développement intéractif, vous pouvez remplacer le thème par votre dépôt cloné. Par exemple, si vous avez cloné votre dépôt dans `/home/my-projects/toha`, alors remplacez le `github.com/hugo-toha/toha/v4` par `/home/my-projects/toha`. + +```go +module github.com/hugo-toha/hugo-toha.github.io + +go 1.19 + +require github.com/hugo-toha/toha/v4 v4.0.1-0.20231229170427-d3968ca711ef // indirect + +replace( + github.com/hugo-toha/toha/v4 => /home/my-projects/toha +) +``` + +**Mise à jour des dépendances:** + +```bash +# Mettre à jour les modules hugo +$ hugo mod tidy +# Installer les dépendances +$ hugo mod npm pack +$ npm install +``` + +**Lancez votre site en local:** + +```bash +$ hugo server -w +``` + +A partir d'ici vous pouvez faire des changements au code source du thème tout en testant votre site Hugo en cours d'exécution ou le site d'exemple. + +### Ouvrir une Pull Request + +Lorsque les changements semblent corrects, validez et poussez-les vers votre dépôt cloné. + +```bash +# Indexé tous les changements +$ git add . +# Validez vos changements avec un message complet sur ce que ça apporte +$ git commit -m "A meaningful commit message" +# push the commit to your fork +$ git push my-fork my-feature-branch +``` + +Ensuite, ouvrez une PR vers la branche `main` d'[hugo-toha/toha](https://github.com/hugo-toha/toha) depuis la branche `ma_branche_de_fonctionnalité` de votre dépôt cloné. From d511066bc89b7a2e02b0986d9423eebef5ebb951 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 3 Mar 2024 20:54:40 +0100 Subject: [PATCH 42/58] Update guide (minor fix) --- content/posts/contributing/index.md | 13 +++++++------ content/posts/customizing/new-section/index.fr.md | 1 + 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/content/posts/contributing/index.md b/content/posts/contributing/index.md index 04fdb00a..6037a172 100644 --- a/content/posts/contributing/index.md +++ b/content/posts/contributing/index.md @@ -21,9 +21,9 @@ You can contribute to this theme in various ways. Pull requests are most welcome and I will be happy to review. Just follow the following principles: - Keep it simple. -- Keep it consistent with the design. +- Keep it consistent with the design of the UI. - Use as few dependencies as possible. -- Have patience. +- Be patient. ### Testing and reporting issues @@ -34,16 +34,17 @@ Pull requests are most welcome and I will be happy to review. Just follow the fo ### Documentation You can also contribute to the theme documentation by: -- Adding information and sections -- Fixing errors and typos -- Updating obsolete documentation + +- Adding information and sections. +- Fixing errors and typos. +- Updating obsolete documentation. - Translating the documentation to a new language, [this](/posts/translation/content/) guide might be helpful. ### Translation Finally, you can contribute to the translation of the theme to several languages, by completing missing words, or by adding a new language. You can follow the guide [How to add an unsupported language](/posts/translation/new-language/) for more information. -## How to contibute? +## How to contribute? For local development, you can make changes in the theme submodule and test the changes against your own site or this [example site](https://github.com/hugo-toha/hugo-toha.github.io) locally. diff --git a/content/posts/customizing/new-section/index.fr.md b/content/posts/customizing/new-section/index.fr.md index 8392fcca..5c786cc1 100644 --- a/content/posts/customizing/new-section/index.fr.md +++ b/content/posts/customizing/new-section/index.fr.md @@ -28,6 +28,7 @@ Pour ajouter une nouvelle section à votre site, vous devez créer un fichier de // Your custom HTML code here ``` + ### Etape 2: Ajouter des styles CSS Si vous voulez ajouter un CSS personnalisé pour votre nouvelle section, vous pouvez le faire en ajouter le code CSS au fichier `assets/styles/overrides.scss` dans votre site. Ce fichier est automatiquement chargé par le thème et appliquera les styles personnalisés. Alternativement, vous pouvez créer un fichier SCSS séparé dans le répertoire `assets/styles` de votre dépôt et l'inclure dans le fichier `assets/styles/overrides.scss` en utilisant la syntaxe suivante: From ec0aa1079027a409845abd7122ddbf5af044847e Mon Sep 17 00:00:00 2001 From: Nicolas Date: Mon, 4 Mar 2024 18:41:59 +0100 Subject: [PATCH 43/58] Frontmatter fix and update french translation --- content/posts/contributing/index.fr.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/content/posts/contributing/index.fr.md b/content/posts/contributing/index.fr.md index 4988ebe1..cb2e9fa0 100644 --- a/content/posts/contributing/index.fr.md +++ b/content/posts/contributing/index.fr.md @@ -1,10 +1,10 @@ --- title: "Comment contribuer ?" date: 2024-01-19T02:30:00+06:00 -description: A guide on how to contribute to toha +description: Un guide sur comment contribuer à Toha author: name: Nicolas Dietlin - image: images/author/nicolas.png + image: images/author/nicolas.jpg menu: sidebar: name: Contribution @@ -127,11 +127,11 @@ A partir d'ici vous pouvez faire des changements au code source du thème tout e Lorsque les changements semblent corrects, validez et poussez-les vers votre dépôt cloné. ```bash -# Indexé tous les changements +# Indexez tous les changements $ git add . # Validez vos changements avec un message complet sur ce que ça apporte $ git commit -m "A meaningful commit message" -# push the commit to your fork +# Poussez le commit de votre branche $ git push my-fork my-feature-branch ``` From 498956e0f7c7156e7e9e7d9108d689963693b173 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Mon, 4 Mar 2024 18:43:10 +0100 Subject: [PATCH 44/58] Full realign with english version --- data/fr/site.yaml | 24 ++++++++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/data/fr/site.yaml b/data/fr/site.yaml index 9101f1ea..5e09a6d0 100644 --- a/data/fr/site.yaml +++ b/data/fr/site.yaml @@ -1,11 +1,27 @@ # Copyright Notice -copyright: © 2020 Droits d'auteur. +copyright: © 2020 Copyright. + +# A disclaimer notice for the footer. Make sure you have set "params.footer.disclaimer.enable: true" in your `config.yaml` file. +disclaimer: "Ce thème est sous licence MIT. Donc, vous pouvez l'utiliser pour des usages non-commercial, commercial, ou privé. Vous pouvez modifier ou distribuer ce thème qui ne requiert pas de permissions de l'auteur du thème. Cependant, l'auteur du thème ne fournit aucune garantie ou n'assume de responsabilité pour tout problème avec ce thème." # Meta description for your site. This will help the search engines to find your site. -description: Portfolio et blog personnel de Jane Doe. +description: Portfolio et blog personnel of Jane Doe. # specify the list of custom menus that you want to show in the top navbar. # they will be separated by a divider from the main menus. customMenus: -- name: Remarques - url: https://hossainemruz.gitbook.io/ +- name: Docs + url: https://toha-guides.netlify.app/posts/ + # specify whether to hide the menu item from top navbar or not. + hideFromNavbar: false + # specify whether to show the menu item in footer or not. + # if you set it to true, make sure you have set `footer.navigation.customMenus: true` in your config.yaml + showOnFooter: false + +# Specify OpenGraph Headers +openGraph: + title: Le blog de Jane + type: website + description: Portfolio et blog personnel of Jane Doe. + image: images/author/jessica.png + url: https://hugo-toha.github.io \ No newline at end of file From a2cb5dc8fc489103fccfc058d3734af42620a164 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Mon, 4 Mar 2024 18:43:36 +0100 Subject: [PATCH 45/58] Full realign with english version --- data/fr/sections/about.yaml | 68 ++++++++++++++++++++++++------------- 1 file changed, 45 insertions(+), 23 deletions(-) diff --git a/data/fr/sections/about.yaml b/data/fr/sections/about.yaml index f9c5d7b5..23662be0 100644 --- a/data/fr/sections/about.yaml +++ b/data/fr/sections/about.yaml @@ -15,10 +15,11 @@ company: url: "https://www.example.com" # your resume. this file path should be relative to you "static" directory -resume: "files/resume.pdf" +# Dreprecated. Use resourceLinks instead. +# resume: "files/resume.pdf" # a summary about you -summary: "Je suis un ingénieur en logiciel passionné, avec x années d'expérience professionnelle. J'ai construit des outils OSS pour [Kubernetes](https://kubernetes.io/) en utilisant GO. Mes outils aident les gens à déployer leurs charges de travail dans Kubernetes. Parfois, je travaille sur des projets amusants comme l'écriture d'un thème, etc." +summary: "Je suis un ingénieur logiciel passionné, avec x années d'expérience professionnelle. J'ai construit des outils OSS pour [Kubernetes](https://kubernetes.io/) en utilisant GO. Mes outils aident les gens à déployer leurs charges de travail dans Kubernetes. Parfois, je travaille sur des projets amusants comme l'écriture d'un thème, etc." # your social links # give as many as you want. use font-awesome for the icons. @@ -47,32 +48,53 @@ socialLinks: icon: "fab fa-facebook" url: "#" -# your soft skills -# give the percentage between 50 to 100 with 5 intervals. -# currently supported colors: blue, yellow, pink, green, sky, orange -softSkills: -- name: Chef de projet +- name: Mastadon + icon: "fab fa-mastodon" + url: "#" + rel: "me noopener" + +# You can put custom buttons to link your relevant resources. +# For example, you can put link for your resume. +resourceLinks: +- title: "My Resume" + url: "files/resume.pdf" + +# Show your badges +# You can show your verifiable certificates from https://www.credly.com. +# You can also show a circular bar indicating the level of expertise on a certain skill +badges: +- type: certification + name: Certified Kubernetes Security Specialist + url: "https://www.credly.com/org/the-linux-foundation/badge/exam-developer-certified-kubernetes-security-specialist" + badge: "https://images.credly.com/size/680x680/images/f4bf92ed-8985-40b2-bc07-2f9308780854/kubernetes-security-specialist-logo-examdev.png" + +- type: certification + name: Istio and IBM Cloud Kubernetes Service + url: "https://www.credly.com/org/the-linux-foundation/badge/exam-developer-certified-kubernetes-security-specialist" + badge: "https://images.credly.com/size/680x680/images/8d34d489-84bf-4861-a4a0-9e9d68318c5c/Beyond_basics_of_Istio_on_Cloud_v2.png" + +- type: certification + name: Artificial Intelligence and Machine Learning + url: "https://www.credly.com/org/grupo-bancolombia/badge/artificial-intelligence-and-machine-learning" + badge: "https://images.credly.com/size/680x680/images/e027514f-9d07-4b29-862f-fe21a8aaebf1/ae.png" + +- type: soft-skill-indicator + name: Leadership percentage: 85 color: blue -- name: Travail d'équipe + +- type: soft-skill-indicator + name: Team Work percentage: 90 color: yellow -- name: Communication - percentage: 85 - color: pink -- name: Persévérant - percentage: 85 - color: green -- name: Autonome - percentage: 85 - color: sky -- name: Logique + +- type: soft-skill-indicator + name: Hard Working percentage: 85 color: orange -# you can also provide color code instead of pre-defined color name -# - name: Example 1 + +# you can also provide color code instead of the color name +# - type: soft-skill-indicator +# name: Example 1 # percentage: 75 # color: "#00adb5" -# - name: Example 2 -# percentage: 65 -# color: "#8b8383" From 8e31621d66246ca2e4f1208e195e9db40f3d8666 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Mon, 4 Mar 2024 18:44:18 +0100 Subject: [PATCH 46/58] Full realign with english version --- data/fr/sections/experiences.yaml | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/data/fr/sections/experiences.yaml b/data/fr/sections/experiences.yaml index 4020e2e1..c7969246 100644 --- a/data/fr/sections/experiences.yaml +++ b/data/fr/sections/experiences.yaml @@ -1,6 +1,6 @@ # section information section: - name: Experiences + name: Expériences id: experiences enable: true weight: 3 @@ -17,9 +17,9 @@ experiences: location: Dhaka Branch logo: /images/sections/experiences/company1.jpg # company overview - overview: Example Co. est une entreprise largement reconnue pour le développement de l'utilisation des nuages. Elle construit des outils pour Kubernetes. + overview: Example Co. est une entreprise largement reconnue pour le développement cloud-native. Elle construit des outils pour Kubernetes. positions: - - designation: Ingénieur logiciel senior + - designation: Ingénieur logiciel sénior start: Nov 2019 # don't provide end date if you are currently working there. It will be replaced by "Present" # end: Dec 2020 @@ -33,14 +33,14 @@ experiences: start: Nov 2017 end: Oct 2019 responsibilities: - - Implémenter et tester la fonction xyz pour l'outil abc. - - Support client pour abc tool. + - Implémenter et tester la fonctionnalité xyz pour l'outil abc. + - Support client pour l'outil abc . - Apprendre la technologie k,d,w pour xyz. - company: name: PreExample Co. url: "https://example.com" - location: Nowhere + location: Quelque part logo: /images/sections/experiences/company2.jpg overview: PreExample Co. est une société passerelle pour entrer dans Example co. Donc, rien de spécial ici. positions: @@ -48,21 +48,21 @@ experiences: start: Mars 2016 end: Mai 2017 responsibilities: - - Rédigez de nombreux exemples de codes. + - Ecrire de nombreux exemples de codes. - Lire de nombreux exemples. - Voir de nombreux exemples de vidéos. - company: name: Intern Counting Company (ICC). url: "https://example.com" - location: Intern Land + location: Pays des stagiaires logo: /images/sections/experiences/company3.jpg - overview: La Compagnie de comptage des stagiaires (ICC) est responsable du comptage des ingénieurs stagiaires du monde entier. + overview: La compagnie de comptage des stagiaires (ICC) est responsable du comptage des ingénieurs stagiaires du monde entier. positions: - designation: Stagiaire start: Juin 2015 end: Jan 2016 responsibilities: - - Compte perdu des stagiaires. - - Comptez plus de stagiaires. - - Comptez-moi comme un stagiaire. \ No newline at end of file + - Compte les stagiaires perdus. + - Compte plus de stagiaires. + - Me compte comme un stagiaire. \ No newline at end of file From 619f2cba0307719b782546a84cb974b341813d40 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Mon, 4 Mar 2024 18:44:54 +0100 Subject: [PATCH 47/58] Fix title section in french --- data/fr/sections/recent-posts.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/data/fr/sections/recent-posts.yaml b/data/fr/sections/recent-posts.yaml index 06ef5891..a24bd1af 100644 --- a/data/fr/sections/recent-posts.yaml +++ b/data/fr/sections/recent-posts.yaml @@ -1,6 +1,6 @@ # section information section: - name: Posts recents + name: Billets récents id: recent-posts enable: true weight: 5 From a97c02efd2fd16c62a2ef2d7f4fad77c2ce68306 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Mon, 4 Mar 2024 18:45:19 +0100 Subject: [PATCH 48/58] Full realign with english version --- data/fr/sections/skills.yaml | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/data/fr/sections/skills.yaml b/data/fr/sections/skills.yaml index 1c87e166..bb5e17f9 100644 --- a/data/fr/sections/skills.yaml +++ b/data/fr/sections/skills.yaml @@ -1,6 +1,6 @@ # section information section: - name: Competences + name: Compétences id: skills enable: true weight: 2 @@ -13,38 +13,38 @@ section: # Give a summary of you each skill in the summary section. skills: - name: Kubernetes - icon: "images/sections/skills/kubernetes.png" + logo: "images/sections/skills/kubernetes.png" summary: "Capable de déployer, de gérer l'application sur Kubernetes. Expérimenté dans la rédaction de contrôleurs Kubernetes pour les CRD." url: "https://kubernetes.io/" - name: Go - icon: "images/sections/skills/go.png" - summary: "Utiliser comme langue principale pour le développement professionnel. Capable d'écrire des programmes évolutifs, testables et maintenables." + logo: "images/sections/skills/go.png" + summary: "Utilisé comme principal language pour le développement professionnel. Capable d'écrire des programmes évolutifs, testables et maintenables." url: "https://golang.org/" - name: Cloud Computing - icon: "images/sections/skills/cloud.png" - summary: "A travaillé avec la plupart des principaux nuages tels que GCP, AWS, Azure, etc." + logo: "images/sections/skills/cloud.png" + summary: "A travaillé avec la plupart des principaux clouds tels que GCP, AWS, Azure, etc." - name: Docker - icon: "images/sections/skills/docker.svg" - summary: "Inscrivez la plupart des programmes en tant que conteneur déchargé. Expérimenté dans le processus de construction en plusieurs étapes et en plusieurs arcs." + logo: "images/sections/skills/docker.svg" + summary: "Ecris la plupart des programmes sous forme de conteneur docker. Expérimenté dans le processus de construction en plusieurs étapes et multi architecture." url: "https://www.docker.com/" - name: Prometheus - icon: "images/sections/skills/prometheus.png" - summary: "Capable d'installation, de configurer les métriques de Prometheus. Expérimenté avec PromQL, AlertManager. Expérimenté également dans la rédaction d'exportateurs de métriques." + logo: "images/sections/skills/prometheus.png" + summary: "Capable d'installer, de configurer les métriques de Prometheus. Expérimenté avec PromQL, AlertManager. Expérimenté aussi, dans la rédaction d'exporteurs de métriques." url: "https://prometheus.io/" - name: Linux - icon: "images/sections/skills/linux.png" + logo: "images/sections/skills/linux.png" summary: "Utilisé comme système d'exploitation principal. Capable d'écrire des scripts bash/shell." - name: Git - icon: "images/sections/skills/git.png" - summary: "Expérimenté dans le développement basé sur les GIT. Surtout, utilisez Github. Avoir également une expérience de travail avec GitLab." + logo: "images/sections/skills/git.png" + summary: "Expérimenté dans le développement basé sur GIT. Utilise surtout Github. Egalement, a une expérience de travail avec GitLab." url: "https://git-scm.com/" - name: C++ - icon: "images/sections/skills/c++.png" - summary: "Connaître les bases de la programmation C/C++. Utilisé pour la programmation de concours et la résolution de problèmes." + logo: "images/sections/skills/c++.png" + summary: "Connaît les bases de la programmation C/C++. Utilisé pour la programmation de concours et la résolution de problèmes." From 64e2074e78a59828ecfc1396fc39273a5e70023f Mon Sep 17 00:00:00 2001 From: Nicolas Date: Mon, 4 Mar 2024 18:58:15 +0100 Subject: [PATCH 49/58] fix typo --- data/fr/site.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/data/fr/site.yaml b/data/fr/site.yaml index 5e09a6d0..8653073a 100644 --- a/data/fr/site.yaml +++ b/data/fr/site.yaml @@ -22,6 +22,6 @@ customMenus: openGraph: title: Le blog de Jane type: website - description: Portfolio et blog personnel of Jane Doe. + description: Portfolio et blog personnel de Jane Doe. image: images/author/jessica.png url: https://hugo-toha.github.io \ No newline at end of file From 4c46615afc6cc8e88a8516abfa435e22d085e2e2 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Mon, 4 Mar 2024 18:58:41 +0100 Subject: [PATCH 50/58] new fix typo --- data/fr/site.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/data/fr/site.yaml b/data/fr/site.yaml index 8653073a..e7d3d9e2 100644 --- a/data/fr/site.yaml +++ b/data/fr/site.yaml @@ -5,7 +5,7 @@ copyright: © 2020 Copyright. disclaimer: "Ce thème est sous licence MIT. Donc, vous pouvez l'utiliser pour des usages non-commercial, commercial, ou privé. Vous pouvez modifier ou distribuer ce thème qui ne requiert pas de permissions de l'auteur du thème. Cependant, l'auteur du thème ne fournit aucune garantie ou n'assume de responsabilité pour tout problème avec ce thème." # Meta description for your site. This will help the search engines to find your site. -description: Portfolio et blog personnel of Jane Doe. +description: Portfolio et blog personnel de Jane Doe. # specify the list of custom menus that you want to show in the top navbar. # they will be separated by a divider from the main menus. From 8c264b5e5ce2e015ff6e08f7f8e7cd382c92c71a Mon Sep 17 00:00:00 2001 From: Nico <92774152+niltied@users.noreply.github.com> Date: Wed, 6 Mar 2024 20:05:52 +0100 Subject: [PATCH 51/58] Update author.yaml Minor change on summary message --- data/fr/author.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/data/fr/author.yaml b/data/fr/author.yaml index 8f6be115..8d648b9f 100644 --- a/data/fr/author.yaml +++ b/data/fr/author.yaml @@ -16,4 +16,4 @@ summary: - Je suis un Devops - J'aime les serveurs - Je travaille sur des projets open-source - - J'aime travailler avec des projets amusants + - J'aime travailler sur des projets amusants From 925631d37124f36f364ddf053cd53c9a45663106 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sat, 9 Mar 2024 08:41:47 +0100 Subject: [PATCH 52/58] Improved translation and corrected grammar and typos --- content/posts/analytics/index.fr.md | 4 ++-- .../getting-started/prepare-site/index.fr.md | 4 +++- content/posts/shortcodes/index.fr.md | 19 ++++----------- content/posts/translation/content/index.fr.md | 6 ++--- .../posts/translation/site-data/index.fr.md | 12 +++++----- .../writing-posts/markdown-syntax/index.fr.md | 24 +++++++++++++------ content/posts/writing-posts/math/index.fr.md | 11 +++++---- .../posts/writing-posts/mermaid/index.fr.md | 6 ++--- .../writing-posts/rich-content/index.fr.md | 4 ++-- data/fr/author.yaml | 2 +- data/fr/sections/skills.yaml | 10 ++++---- 11 files changed, 54 insertions(+), 48 deletions(-) diff --git a/content/posts/analytics/index.fr.md b/content/posts/analytics/index.fr.md index e67ff5c4..a2692bfd 100644 --- a/content/posts/analytics/index.fr.md +++ b/content/posts/analytics/index.fr.md @@ -14,14 +14,14 @@ menu: ## Analytiques -Ce thème a été construit avec le support de divers outils d'analyse. Actuellement, il prends en charge les analyses suivantes: +Ce thème a été construit avec le support de divers outils d'analyse. Actuellement, il prend en charge les analyses suivantes: - [GoatCounter](https://www.goatcounter.com/) - [counter.dev](https://counter.dev/) - [Google Analytics](https://analytics.google.com) - [Matomo](https://matomo.org/) -Pour une liste complète des analyses supportées, référez vous au fichier d'échantillon [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml). +Pour une liste complète des analytiques supportés, référez-vous au fichier d'échantillon [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml). {{< alert type="warning" >}} Avertissement: Lors de l'ajout d'analyses, vous devriez prendre en considération la législation locale pour voir si une bannière de confidentialité est nécessaire pour informer les visiteurs du suivi de ses données personnelles. En général (pas un conseil juridique), les méthodes anonymes et respectueuses de la vie privée telles que [counter.dev](https://counter.dev) et [GoatCounter](https://www.goatcounter.com/) n'ont pas besoin d'une bannière, car elles ne collectent pas de données personnelles identifiables. diff --git a/content/posts/getting-started/prepare-site/index.fr.md b/content/posts/getting-started/prepare-site/index.fr.md index 107d7580..ac780730 100644 --- a/content/posts/getting-started/prepare-site/index.fr.md +++ b/content/posts/getting-started/prepare-site/index.fr.md @@ -9,7 +9,7 @@ menu: weight: 10 --- -Dans ce billet, nous allons créer un site hugo de zéro. Nous le configurerons avec le thème `toha`, le rendre multilingue, ajouter quelques exemples de billets. A la fin de ce billet, vous devriez être capable d'exécuter pleinement un site Hugo avec le thème `Toha` localement. +Dans ce billet, nous allons créer un site hugo de zéro. Nous le configurerons avec le thème `toha`, le rendrons multilingue, et ajouterons quelques exemples de billets. A la fin de ce billet, vous devriez être capable d'exécuter pleinement un site Hugo avec le thème `Toha` localement. Si vous voulez démarrer d'une base, vous pouvez juste cloner le dépôt [hugo-toha/hugo-toha.github.io](https://github.com/hugo-toha/hugo-toha.github.io), renommez-le et mettez-le à jour avec vos propres données. Ce dépôt a déjà été configuré pour déployer sur [Github Pages](https://pages.github.com/) et [Netlify](https://www.netlify.com/). @@ -32,9 +32,11 @@ Cette commande créera une structure de base d'un site hugo. Ici, le flag `--for ### Ajouter un thème Nous allons utiliser un module hugo pour ajouter le thème `Toha` dans votre site. D'abord, initialisez les modules hugo en utilisant la commande suivante: + ```console $ hugo mod init github.com// ``` + Cette commande va créer un fichier `go.mod` à la racine de votre dépôt. Puis, ajoutez la section module suivante dans votre fichier `hugo.yaml`: diff --git a/content/posts/shortcodes/index.fr.md b/content/posts/shortcodes/index.fr.md index e3e9152c..2d07f6ee 100644 --- a/content/posts/shortcodes/index.fr.md +++ b/content/posts/shortcodes/index.fr.md @@ -1,5 +1,4 @@ --- - title: "Les Shortcodes" date: 2023-11-05T14:06:25+02:00 description: "Codes abrégés" @@ -13,22 +12,15 @@ hero: boat.jpg Ce billet d'échantillon est destiné à tester les éléments suivants : +- Différents blocs d'alerte. - Manipulation d'une image. - Différents shortcodes. ## Alerte -Ce thème propose différents types d'alertes pour votre publication. Par exemple, si on ajoute le code ci-dessous : +Les alertes suivantes sont disponibles dans ce thème. -```markdown -{{}} -This is sample alert with `type="success"`. -{{}} -``` - -L'alerte qui apparaîtra ressemblera à ça: - -#### Succès +### Succès **code** @@ -125,7 +117,6 @@ This is sample alert with `type="info"`. #### Une image centrée avec les attributs `height` et `width`. - **Code:** ```markdown @@ -177,7 +168,7 @@ Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida tu {{}} ``` -**Result:** +**Résultat:** {{< split 6 6>}} @@ -218,7 +209,7 @@ Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida tu {{}} ``` -**Result:** +**Résultat:** {{< split 4 4 4 >}} diff --git a/content/posts/translation/content/index.fr.md b/content/posts/translation/content/index.fr.md index 9b35cb3e..bfc40ec1 100644 --- a/content/posts/translation/content/index.fr.md +++ b/content/posts/translation/content/index.fr.md @@ -14,15 +14,15 @@ menu: Ce thème prend en charge plusieurs langues. -Avant de commencer la traduction d'un billet, assurez-vous que vous avez activé la langue sur votre site. Si ce n'est pas le cas, vous pouvez suivre la section `Ajout d'une langue à votre site` du guide [Comment traduire les données du site ?](/fr/posts/translation/site-data/). +Avant de commencer la traduction d'un billet, assurez-vous que vous avez activé la langue sur votre site. Si ce n'est pas le cas, vous pouvez suivre la section `Ajout d'une langue à votre site` du guide [Comment traduire les données du site ?](/fr/posts/translation/site-data/) ## Création du billet -Lorsque vous avez ajouté la langue désirée à votre site web, sachez que vous pouvez traduire un billet vers cette langue. Nous allons supposer que vous voulez traduire un billet existant. +Lorsque vous avez ajouté la langue désirée à votre site web, sachez que vous pouvez traduire un billet dans cette langue. Nous allons supposer que vous voulez traduire un billet existant. ### Création du fichier index -La première étape est de localiser le fichier `index.md` du billet que vous voulez traduire. Puis vous allez créer un fichier dans le même répertoire (ou bien vous pouvez juste dupliquer le fichier `index.md`), et le nommer `index..md`, où `` est le code du langage que vous pouvez retrouver dans le tableau des langages sur [Comment traduire les données du site ?](/fr/posts/translation/site-data/). +La première étape est de localiser le fichier `index.md` du billet que vous voulez traduire. Puis vous allez créer un fichier dans le même répertoire (ou bien vous pouvez juste dupliquer le fichier `index.md`), et le nommer `index..md`, où `` est le code du langage que vous pouvez retrouver dans le tableau des langages sur [Comment traduire les données du site ?](/fr/posts/translation/site-data/) ### Traduction du billet diff --git a/content/posts/translation/site-data/index.fr.md b/content/posts/translation/site-data/index.fr.md index 98066c28..e3f5127b 100644 --- a/content/posts/translation/site-data/index.fr.md +++ b/content/posts/translation/site-data/index.fr.md @@ -20,7 +20,7 @@ L'ajout d'une langue à votre site traduira l'interface dans cette langue (inclu ### Obtenir le code de la langue -Pour traduire votre site, vous aurez besoin du code de la langue. Le tableau suivant contient lzs langues supportées ainsi que leurs codes: +Pour traduire votre site, vous aurez besoin du code de la langue. Le tableau suivant contient les langues supportées ainsi que leurs codes: | Languages | Code | |----------------------|-------------------| @@ -47,7 +47,7 @@ Pour traduire votre site, vous aurez besoin du code de la langue. Le tableau sui
-Pour la liste complète des langages supportés, consultez s'il vous plaît le fichier README du [dépôt Toha](https://github.com/hugo-toha/toha). +Pour la liste complète des langages supportées, consultez s'il vous plaît le fichier README du [dépôt Toha](https://github.com/hugo-toha/toha). Si la langue désirée pour la traduction du votre contenu n'est pas disponible, consultez s'il vous plaît le guide [Comment ajouter un langage non supporté ?](/fr/posts/translation/new-language/) @@ -65,7 +65,7 @@ languages: weight: 2 # Vous pouvez paramètrer l'ordre des langues avec cette valeur ``` -Par exemple, si vous voulez configurer `Français` comme nouvelle langue, la section devrait ressembler à ça: +Par exemple, si vous voulez configurer le `Français` comme nouvelle langue, la section devrait ressembler à ça: ```yaml languages: @@ -77,12 +77,12 @@ languages: weight: 2 # Vous pouvez paramètrer l'ordre des langues avec cette valeur ``` -## Translating the Main Page +## Traduire la page principale -Vous pouvez traduire la page principale en créant un nouveau répertoire dans le répertoire `data`. Le nom de ce nouveau répertoire devra être ``. Par exemple, si nous voulons traduire vers le français, nous devrons créer le répertoire `fr` dans le répertoire `data`. +Vous pouvez traduire la page principale en créant un nouveau répertoire dans le répertoire `data`. Le nom de ce nouveau répertoire devra être le ``. Par exemple, si nous voulons traduire vers le français, nous devrons créer le répertoire `fr` dans le répertoire `data`. Ensuite, vous pouvez créer votre fichier de données habituel tel que `about.yaml` ou `education.yaml`, en conservant la même structure et le même nom de fichier. Dans ces fichiers, vous pouvez simplement traduire le contenu des champs dans la langue désirée. ## Et ensuite ? -Vous pouvez consulter le guide suivant [Comment traduire des billets ?](/fr/posts/translation/content). +Vous pouvez consulter le guide suivant [Comment traduire des billets ?](/fr/posts/translation/content) diff --git a/content/posts/writing-posts/markdown-syntax/index.fr.md b/content/posts/writing-posts/markdown-syntax/index.fr.md index 76580bc8..7934f16f 100644 --- a/content/posts/writing-posts/markdown-syntax/index.fr.md +++ b/content/posts/writing-posts/markdown-syntax/index.fr.md @@ -10,7 +10,7 @@ menu: weight: 30 --- -Cet article propose un échantillon des syntaxes de base du Markdown qui peut être utilisé dans les fichiers de contenu d'Hugo, et montre également des balises HTML de base décorés avec CSS dans un thème Hugo. +Cet article propose un échantillon des syntaxes de base du Markdown qui peut être utilisé dans les fichiers de contenu d'Hugo, et montre également des balises HTML de base décorées avec CSS dans un thème Hugo. @@ -33,7 +33,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap ## Bloc de citation -Les éléments blockquote représentent le contenu qui est coté à partir d'une autre source, éventuellement avec une citation qui doit être dans un élément `footer` ou `cite`, et éventuellement avec des changments en ligne tel que les annotations et les abrévations. +Les éléments blockquote représentent le contenu qui est cité à partir d'une autre source, éventuellement avec une citation qui doit être dans un élément `footer` ou `cite`, et éventuellement avec des changments en ligne tel que les annotations et les abrévations. #### Bloc de citation sans attribution @@ -45,8 +45,7 @@ Les éléments blockquote représentent le contenu qui est coté à partir d'une > Don't communicate by sharing memory, share memory by communicating.

> — Rob Pike[^1] - -[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. +[^1]: La citation ci-dessus est extraite de la [conférence](https://www.youtube.com/watch?v=PAAkCSZUG1c) de Rob Pike's lors du Gopherfest, le 18 Novembre 2015. ## Tableaux @@ -67,8 +66,7 @@ Les tableaux ne font pas partie de la spécification de base du Markdown, mais H #### Bloc de code avec backticks -``` -html +```html @@ -80,6 +78,7 @@ html ``` + #### bloc de code indenté avec quatre espaces @@ -92,8 +91,9 @@ html

Test

- + #### Bloc de code avec code abrégé de mise en évidence d'Hugo + {{< highlight html >}} @@ -134,23 +134,33 @@ html ## Autres Elements — abbr, sub, sup, kbd, mark Ici, vous trouverez d'autres balises HTML décorées par CSS: + ``` GIF est un format d'image bitmap. ``` + GIF est un format d'image bitmap. + ``` H2O ``` + H2O + ``` Xn + Yn = Zn ``` + Xn + Yn = Zn + ``` Pressez CTRL+ALT+Delete pour terminer la session. ``` + Pressez CTRL+ALT+Delete pour terminer la session. + ``` La plupart des salamandres sont nocturnes, et chassent les insectes, les vers, et d'autres petites créatures. ``` + La plupart des salamandres sont nocturnes, et chassent les insectes, les vers, et d'autres petites créatures. \ No newline at end of file diff --git a/content/posts/writing-posts/math/index.fr.md b/content/posts/writing-posts/math/index.fr.md index ba47a2d6..f91cc9de 100644 --- a/content/posts/writing-posts/math/index.fr.md +++ b/content/posts/writing-posts/math/index.fr.md @@ -10,24 +10,26 @@ menu: math: true --- -La notation Mathématique dans un projet Hugo peut être activé en utilisant des librairies JavaScript tierces. +La notation Mathématique dans un projet Hugo peut être activée en utilisant des librairies JavaScript tierces. Dans cet exemple, nous utiliserons [KaTeX](https://katex.org/) - Créez un partiel sous `/layouts/partials/math.html` -- A l'intérieur de cette référence de partiel, l'[Auto-render Extension](https://katex.org/docs/autorender.html) ou héberger ces scripts localement. +- A l'intérieur de ce partiel référencez l'[Auto-render Extension](https://katex.org/docs/autorender.html) ou hébergez ces scripts localement. - Inclure le partiel dans votre template comme suit: -``` +```bash {{ if or .Params.math .Site.Params.math }} {{ partial "math.html" . }} {{ end }} -``` +``` + - Pour activer KaText globalement mettez le paramètre `math` à `true` dans la configuration du projet. - Pour activer KaTex par page, incluez le paramètre `math: true` dans le front matter de votre fichier de contenu. **Note:** Utilisez le référentiel en ligne des [Fonctions TeX supportées](https://katex.org/docs/supported.html) + {{< math.inline >}} {{ if or .Page.Params.math .Site.Params.math }} @@ -38,6 +40,7 @@ Dans cet exemple, nous utiliserons [KaTeX](https://katex.org/) {{}} ### Exemples + {{< math.inline >}}

Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\) diff --git a/content/posts/writing-posts/mermaid/index.fr.md b/content/posts/writing-posts/mermaid/index.fr.md index e96a9e0d..5ada0703 100644 --- a/content/posts/writing-posts/mermaid/index.fr.md +++ b/content/posts/writing-posts/mermaid/index.fr.md @@ -10,7 +10,7 @@ menu: mermaid: true --- -Ce thème est construit avec le support de Mermaid propulsé par [mermaid-js](https://mermaid-js.github.io/mermaid). Pour activer mermaid pour une page, vous devez mettre `mermaid: true` dans le front-matter de votre page. Par exemple, cette page à le front-matter suivant: +Ce thème est construit avec le support de Mermaid propulsé par [mermaid-js](https://mermaid-js.github.io/mermaid). Pour activer mermaid pour une page, vous devez mettre `mermaid: true` dans le front matter de votre page. Par exemple, cette page a le front matter suivant: ```yaml title: "Support de Mermaid" @@ -32,7 +32,7 @@ Ensuite, vous pouvez utiliser le shortcode `mermaid` pour ajouter du contenu mer {{}} ``` -Le short code `mermaid` accepte les paramètres suivants: +Le shortcode `mermaid` accepte les paramètres suivants: - **align**: aligne votre diagramme à gauche, à droite, ou au centre. L'alignement par défaut est le centre. - **background:** change la couleur d'arrière plan de votre diagramme. @@ -55,7 +55,7 @@ Le paramètre `theme` accepte les valeurs suivantes: ## Exemples -Voici quelques exemples de différents diagramme utilisant mermaid. +Voici quelques exemples de différents diagrammes utilisant mermaid. #### Graphique diff --git a/content/posts/writing-posts/rich-content/index.fr.md b/content/posts/writing-posts/rich-content/index.fr.md index b72d22a2..bf1d7595 100644 --- a/content/posts/writing-posts/rich-content/index.fr.md +++ b/content/posts/writing-posts/rich-content/index.fr.md @@ -9,7 +9,7 @@ menu: weight: 50 --- -Hugo est livré avec quelques [Shortcodes intégrés](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) pour du contenu riche, ainsi qu'une [configuration pour le respect de la vie privée](https://gohugo.io/about/hugo-and-gdpr/) et un ensemble de Shortcode simples qui activent des versions statiques et sans JS de différents médias sociaux. +Hugo est livré avec quelques [Shortcode intégrés](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) pour du contenu riche, ainsi qu'une [configuration pour le respect de la vie privée](https://gohugo.io/about/hugo-and-gdpr/) et un ensemble de Shortcode simples qui active des versions statiques et sans JS de différents médias sociaux. --- @@ -29,7 +29,7 @@ Hugo est livré avec quelques [Shortcodes intégrés](https://gohugo.io/content- --- -## Shortcode simple Twitter +## Shortcode simple X (ex-Twiter) {{< tweet user="SanDiegoZoo" id="1453110110599868418" >}} diff --git a/data/fr/author.yaml b/data/fr/author.yaml index 8f6be115..8d648b9f 100644 --- a/data/fr/author.yaml +++ b/data/fr/author.yaml @@ -16,4 +16,4 @@ summary: - Je suis un Devops - J'aime les serveurs - Je travaille sur des projets open-source - - J'aime travailler avec des projets amusants + - J'aime travailler sur des projets amusants diff --git a/data/fr/sections/skills.yaml b/data/fr/sections/skills.yaml index bb5e17f9..6efd7ee6 100644 --- a/data/fr/sections/skills.yaml +++ b/data/fr/sections/skills.yaml @@ -14,17 +14,17 @@ section: skills: - name: Kubernetes logo: "images/sections/skills/kubernetes.png" - summary: "Capable de déployer, de gérer l'application sur Kubernetes. Expérimenté dans la rédaction de contrôleurs Kubernetes pour les CRD." + summary: "Capable d'implémenter et administrer des applications dans Kubernetes. Avec une expérience dans la rédaction de contrôleurs Kubernetes pour les CRD." url: "https://kubernetes.io/" - name: Go logo: "images/sections/skills/go.png" - summary: "Utilisé comme principal language pour le développement professionnel. Capable d'écrire des programmes évolutifs, testables et maintenables." + summary: "Utilisé comme language principal pour le développement professionnel. Capable d'écrire des programmes évolutifs, testables et maintenables." url: "https://golang.org/" - name: Cloud Computing logo: "images/sections/skills/cloud.png" - summary: "A travaillé avec la plupart des principaux clouds tels que GCP, AWS, Azure, etc." + summary: "A travaillé avec la plupart des principales plateformes de cloud computing comme GCP, AWS, Azure, etc." - name: Docker logo: "images/sections/skills/docker.svg" @@ -42,9 +42,9 @@ skills: - name: Git logo: "images/sections/skills/git.png" - summary: "Expérimenté dans le développement basé sur GIT. Utilise surtout Github. Egalement, a une expérience de travail avec GitLab." + summary: "Expérimenté dans le développement basé sur GIT. Utilise surtout Github. Egalement, une expérience de travail avec GitLab." url: "https://git-scm.com/" - name: C++ logo: "images/sections/skills/c++.png" - summary: "Connaît les bases de la programmation C/C++. Utilisé pour la programmation de concours et la résolution de problèmes." + summary: "Connaît les bases de la programmation C/C++. Utilisé pour la programmation lors de concours et la résolution de problèmes." From 5f9deb4489bc24b10531a4ad264b17ea1075f851 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 19 May 2024 14:15:50 +0200 Subject: [PATCH 53/58] Added the Umami link to the list of services in the introduction. --- content/posts/analytics/index.md | 1 + content/posts/writing-posts/organizing/index.fr.md | 9 +++++++++ 2 files changed, 10 insertions(+) create mode 100644 content/posts/writing-posts/organizing/index.fr.md diff --git a/content/posts/analytics/index.md b/content/posts/analytics/index.md index 6ee579ac..25316dea 100644 --- a/content/posts/analytics/index.md +++ b/content/posts/analytics/index.md @@ -17,6 +17,7 @@ This theme has built in support for various analytic tools. Currently, it suppor - [counter.dev](https://counter.dev/) - [Google Analytics](https://analytics.google.com) - [Matomo](https://matomo.org/) +- [Umami](https://umami.is/) For a complete list of supported analytics, please refer the sample [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml) file. diff --git a/content/posts/writing-posts/organizing/index.fr.md b/content/posts/writing-posts/organizing/index.fr.md new file mode 100644 index 00000000..51c6eb50 --- /dev/null +++ b/content/posts/writing-posts/organizing/index.fr.md @@ -0,0 +1,9 @@ +--- +title: Catégorie +menu: + sidebar: + name: Organisation des billets + identifier: writing-post-category + parent: writing-post + weight: 10 +--- From d63a87fae7752ca723f2758627166ef08b79ddc0 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 19 May 2024 14:33:59 +0200 Subject: [PATCH 54/58] Add Umami section translated --- content/posts/analytics/index.fr.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/content/posts/analytics/index.fr.md b/content/posts/analytics/index.fr.md index a2692bfd..916cb0cb 100644 --- a/content/posts/analytics/index.fr.md +++ b/content/posts/analytics/index.fr.md @@ -96,3 +96,20 @@ analytics: instance: matomo.example.com siteId: 1 # The number generated after adding a site in your instance ``` + +### Umami + +[Umami](https://umami.is) est un outil d'analyse open source en total conformité avec le RGPD avec une approche sans cookies. Il peut être installé sur site ou vous pouvez utiliser la version Cloud fournie. Vous pouvez activer le suivi d'Umami en ajoutant les configurations suivantes sous `params.features` section dans le fichier `config.yaml`: + +```yaml +analytics: + enable: true + services: + # Umami Analytics + umami: + scheme: https + instance: analytics.eu.umami.is + id: +``` + +où `scheme` est le système (c'est-à-dir: https, http) que vous voulez utiliser pour vous connecter à l'instance, et `instance` est le domaine (ou l'adresse) de votre déploiement, en pointant par défaut sur l'instance cloud de l'UE. From dfcb78ef813d89551f691eed748d92a1536487fa Mon Sep 17 00:00:00 2001 From: Nicolas Date: Sun, 19 May 2024 14:35:12 +0200 Subject: [PATCH 55/58] Add improvement --- content/posts/analytics/index.es.md | 1 + content/posts/analytics/index.md | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/content/posts/analytics/index.es.md b/content/posts/analytics/index.es.md index 648657b2..5da17016 100644 --- a/content/posts/analytics/index.es.md +++ b/content/posts/analytics/index.es.md @@ -20,6 +20,7 @@ Este tema tiene soporte para varias herramientas de analíticas. Actualmente, so - [counter.dev](https://counter.dev/) - [Google Analytics](https://analytics.google.com) - [Matomo](https://matomo.org/) +- [Umami](https://umami.is/) Para una lista completa de las analíticas soportadas, puede consultar el archivo de ejemplo [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml). diff --git a/content/posts/analytics/index.md b/content/posts/analytics/index.md index 25316dea..14b4f546 100644 --- a/content/posts/analytics/index.md +++ b/content/posts/analytics/index.md @@ -98,7 +98,7 @@ analytics: ### Umami -[Umami](https://umami.is) is an open source analytics tool fully compliant with GDPR and with a cookieless approach. It can be installed on-premise or you can use the provided cloud version. +[Umami](https://umami.is) is an open source analytics tool fully compliant with GDPR and with a cookieless approach. It can be installed on-premise or you can use the provided cloud version. You can enable the Umami tracking by adding the following configs under `params.features` section in the `config.yaml` file: ```yaml From e471ce62b2e4ade125a7bcbbdc7301b7b2b4b5ff Mon Sep 17 00:00:00 2001 From: Nicolas DIETLIN Date: Wed, 9 Oct 2024 19:04:37 +0200 Subject: [PATCH 56/58] Full post translation in french --- .../customizing/customize-layout/index.fr.md | 46 +++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 content/posts/customizing/customize-layout/index.fr.md diff --git a/content/posts/customizing/customize-layout/index.fr.md b/content/posts/customizing/customize-layout/index.fr.md new file mode 100644 index 00000000..8654dff3 --- /dev/null +++ b/content/posts/customizing/customize-layout/index.fr.md @@ -0,0 +1,46 @@ +--- +title: "Personnalisation de la disposition" +date: 2024-10-09T18:46:23+06:00 +author: + name: Nicolas Dietlin + image: images/author/nicolas.jpg +menu: + sidebar: + name: Personnalisation disposition + identifier: customizing-layout + parent: customizing + weight: 410 +--- + +{{< alert type="warning" >}} +Si vous personnalisez la mise en page d'un composant existant, vous ne recevrez plus les futures mises à jour de ce composant lorsque le thème sera mis à jour. Vous devrez mettre à jour manuellement le composant dans votre dépôt. +{{< /alert >}} + +Dans ce tutoriel, je vais vous guider sur la manière de personnaliser la mise en page d'un thème. J'ai personnellement suivi le processus et je partagerai mes expériences afin de vous faciliter la tâche. + +### Etape 1 : Changer le fichier de mise en page + +Pour personnaliser la mise en page d'une section, d'une page ou d'un composant existant, vous devez localiser le fichier correspondant dans le répertoire de mise en page du thème. Une fois que vous avez trouvé le fichier, copiez-le et placez-le dans la même structure de répertoire au sein du répertoire layouts de votre site. + +Par exemple, pour personnaliser la mise en page de la section `À propos`, suivez ces étapes : + +1. Copiez le fichier `about.html` du répertoire `layouts/partials/sections` du thème. +2. Collez le fichier copié dans le répertoire `layouts/partials/sections` de votre dépôt. +3. Modifiez le fichier `about.html` copié pour effectuer les changements souhaités dans la mise en page de la section "À propos". + +### Etape 2 : Ajouter des styles CSS + +Si vous devez ajouter du CSS supplémentaire à votre fichier de mise en page modifié, vous pouvez le faire en ajoutant le code CSS dans le fichier `assets/styles/override.scss` de votre site. Ce fichier est automatiquement chargé par le thème et appliquera les styles personnalisés. Si vous souhaitez ajouter le CSS dans un fichier séparé, placez le CSS dans un fichier SCSS dans le répertoire `assets/styles` de votre dépôt et incluez-le dans le fichier `assets/styles/override.scss` comme suit: + +```scss +@import "your-style-file-name"; +``` + +### Etape 3 : Ajouter JavaScript + +Si votre fichier de mise en page modifié nécessite du JavaScript supplémentaire, la méthode recommandée est d'ajouter le JavaScript directement dans le fichier de mise en page avec la balise ` +``` From e7eae21426c8ac3da009abdf55c4ba3dd84c9907 Mon Sep 17 00:00:00 2001 From: Nicolas DIETLIN Date: Wed, 9 Oct 2024 19:05:04 +0200 Subject: [PATCH 57/58] Minor fix translation --- content/posts/quickstart/index.fr.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/posts/quickstart/index.fr.md b/content/posts/quickstart/index.fr.md index b501528a..13ce5440 100644 --- a/content/posts/quickstart/index.fr.md +++ b/content/posts/quickstart/index.fr.md @@ -105,7 +105,7 @@ newsletter: enable: false ``` -#### Step 5: Exécuter le site localement +#### Etape 5: Exécuter le site localement Maintenant, exécutez les commandes suivantes pour lancer votre site localement: From e5433e58db2d34c857ba9de8536ca6d597bee49d Mon Sep 17 00:00:00 2001 From: Nicolas DIETLIN Date: Wed, 9 Oct 2024 19:05:59 +0200 Subject: [PATCH 58/58] Minor corrections --- content/posts/analytics/index.es.md | 6 +++--- content/posts/analytics/index.fr.md | 6 +++--- content/posts/analytics/index.md | 7 +++---- .../organizing/{index.fr.md => _index.fr.md} | 0 .../organizing/sub-category/_index.fr.md | 9 +++++++++ .../organizing/sub-category/example/index.fr.md | 12 ++++++++++++ 6 files changed, 30 insertions(+), 10 deletions(-) rename content/posts/writing-posts/organizing/{index.fr.md => _index.fr.md} (100%) create mode 100644 content/posts/writing-posts/organizing/sub-category/_index.fr.md create mode 100644 content/posts/writing-posts/organizing/sub-category/example/index.fr.md diff --git a/content/posts/analytics/index.es.md b/content/posts/analytics/index.es.md index 1644890e..9cf641b8 100644 --- a/content/posts/analytics/index.es.md +++ b/content/posts/analytics/index.es.md @@ -17,7 +17,7 @@ menu: Este tema tiene soporte para varias herramientas de analíticas. Actualmente, soporta las siguientes analíticas: - [GoatCounter](https://www.goatcounter.com/) -- [counter.dev](https://counter.dev/) +- [Counter.dev](https://counter.dev/) - [Google Analytics](https://analytics.google.com) - [Matomo](https://matomo.org/) - [Umami](https://umami.is/) @@ -44,7 +44,7 @@ analytics: instance: ## Para self-hosteat (Segunda opción). Sólo uses un método ``` -### counter.dev +### Counter.dev [counter.dev](https://counter.dev) es un sitio web de análisis de código abierto, sencillo y respetuoso con la privacidad que le permite realizar un seguimiento del recuento total de usuarios, la primera página visitada y algunas otras métricas de su sitio web. Desafortunadamente, para simplificar las cosas (y gratis), no muestran una clasificación de las páginas más visitadas, sino de aquellas a las que se accede primero. @@ -114,4 +114,4 @@ analytics: instance: analytics.eu.umami.is id: ``` -donde `scheme` es el protocolo que quieres usar para conectarte a la instancia (por ejemplo: https, http), e `instance` es el dominio (o dirección) de su implementación, que de forma predeterminada apunta a la instancia de la nube de la UE. \ No newline at end of file +donde `scheme` es el protocolo que quieres usar para conectarte a la instancia (por ejemplo: https, http), e `instance` es el dominio (o dirección) de su implementación, que de forma predeterminada apunta a la instancia de la nube de la UE. \ No newline at end of file diff --git a/content/posts/analytics/index.fr.md b/content/posts/analytics/index.fr.md index bde637ed..22c699df 100644 --- a/content/posts/analytics/index.fr.md +++ b/content/posts/analytics/index.fr.md @@ -17,7 +17,7 @@ menu: Ce thème a été construit avec le support de divers outils d'analyse. Actuellement, il prend en charge les analyses suivantes: - [GoatCounter](https://www.goatcounter.com/) -- [counter.dev](https://counter.dev/) +- [Counter.dev](https://counter.dev/) - [Google Analytics](https://analytics.google.com) - [Matomo](https://matomo.org/) - [Umami](https://umami.is/) @@ -44,7 +44,7 @@ analytics: instance: # For self-hosted you should use only one of the two methods ``` -### counter.dev +### Counter.dev [counter.dev](https://counter.dev) est un site d'analytique simple et respectueux de la vie privée qui vous permet de suivre le nombre total d'utilisateurs, la première page visitée et quelques autres métriques sur votre site web. Malheureusement, pour que les choses restent simples (et gratuites), elles ne montrent pas un classement des pages les plus visités, mais plutôt celles qui ont été consultées en premier. @@ -113,4 +113,4 @@ analytics: id: ``` -où `scheme` est le système (c'est-à-dir: https, http) que vous voulez utiliser pour vous connecter à l'instance, et `instance` est le domaine (ou l'adresse) de votre déploiement, en pointant par défaut sur l'instance cloud de l'UE. +où `scheme` est le système (c'est-à-dire: https, http) que vous voulez utiliser pour vous connecter à l'instance, et `instance` est le domaine (ou l'adresse) de votre déploiement, en pointant par défaut sur l'instance cloud de l'UE. diff --git a/content/posts/analytics/index.md b/content/posts/analytics/index.md index 3ced2b62..8bdd3d52 100644 --- a/content/posts/analytics/index.md +++ b/content/posts/analytics/index.md @@ -14,7 +14,7 @@ menu: This theme has built in support for various analytic tools. Currently, it supports the following analytics: - [GoatCounter](https://www.goatcounter.com/) -- [counter.dev](https://counter.dev/) +- [Counter.dev](https://counter.dev/) - [Google Analytics](https://analytics.google.com) - [Matomo](https://matomo.org/) - [Umami](https://umami.is/) @@ -41,7 +41,7 @@ analytics: instance: # For self-hosted you should use only one of the two methods ``` -### counter.dev +### Counter.dev [counter.dev](https://counter.dev) is a simple, privacy friendly and open source analytics website which enables you to track the total user count, first visited page and some other metrics on your website. Unfortunately, to keep things simple (and free) they don't show a ranking of the most visited pages, but rather the ones that are accessed the first. @@ -111,5 +111,4 @@ analytics: instance: analytics.eu.umami.is id: ``` -where `scheme` is the scheme (i.e: https, http) you want to use to connect to instance, and `instance` is the domain (or address) of your deployment, by default pointing to the EU cloud instance. - +where `scheme` is the scheme (i.e: https, http) you want to use to connect to instance, and `instance` is the domain (or address) of your deployment, by default pointing to the EU cloud instance. diff --git a/content/posts/writing-posts/organizing/index.fr.md b/content/posts/writing-posts/organizing/_index.fr.md similarity index 100% rename from content/posts/writing-posts/organizing/index.fr.md rename to content/posts/writing-posts/organizing/_index.fr.md diff --git a/content/posts/writing-posts/organizing/sub-category/_index.fr.md b/content/posts/writing-posts/organizing/sub-category/_index.fr.md new file mode 100644 index 00000000..b3882c45 --- /dev/null +++ b/content/posts/writing-posts/organizing/sub-category/_index.fr.md @@ -0,0 +1,9 @@ +--- +title: Sous-Categorie +menu: + sidebar: + name: Sous-Categorie + identifier: writing-post-category-sub-category + parent: writing-post-category + weight: 20 +--- diff --git a/content/posts/writing-posts/organizing/sub-category/example/index.fr.md b/content/posts/writing-posts/organizing/sub-category/example/index.fr.md new file mode 100644 index 00000000..b341a337 --- /dev/null +++ b/content/posts/writing-posts/organizing/sub-category/example/index.fr.md @@ -0,0 +1,12 @@ +--- +title: "Créer une sous-catégorie" +date: 2020-06-08T06:15:50+06:00 +menu: + sidebar: + name: Créer une sous-catégorie + identifier: writing-post-category-sub-category-create + parent: writing-post-category-sub-category + weight: 10 +--- + +### Billet complet à venir prochainement...