hugo-toha · hossainemruz · Jan 13, 2024 · Nov 5, 2023 · Nov 5, 2023 · Nov 5, 2023
diff --git a/content/posts/configuration/site-parameters/index.fr.md b/content/posts/configuration/site-parameters/index.fr.md
@@ -0,0 +1,211 @@
+---
+title: "Configuration des paramètres du site"
+date: 2020-06-08T06:20:55+06:00
+menu:
+  sidebar:
+    name: Paramètres du site
+    identifier: configuration-site-parameters
+    parent: configuration
+    weight: 105
+---
+
+Après l'installation du thème, quand vous lancez le site pour la première fois, cela démarrera avec les paramètres par défaut. Cela devrait avoir  l'apparence du site d'exemple excepté qu'il n'a pas de sections sur la page d'accueil. Ces sections sont ajoutées via quelques fichiers de données. Dans les prochains billets, je vais vous montrer comment vous pouvez ajouter ces sections en fournissant des fichiers de données.
+
+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.
+
+### 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/<le nom de votre image d'arrière plan((avec l'extension du fichier)>"
+```
+
+### Ajouter un logo à votre site
+
+Maintenant, ajoutons un logo pour votre site. Vous devez fournir deux logos différents. Un pour la barre de navigation transparente et un autre pour la barre de navigation non transparente. Placez vos logos dans le répertoire `assets/images` et ajoutez ce qui suit dans la section `params` du fichier `config.yaml`.
+
+```yaml
+# The inverted logo will be used in the initial transparent navbar and
+# the main logo will be used in the non-transparent navbar.
+logo:
+  main: images/main-logo.png
+  inverted: images/inverted-logo.png
+  favicon: images/favicon.png
+```
+
+### Activer les articles de blog
+
+Si vous voulez écrire quelques articles de blog, vous devez d'abord l'activer. Activons la publication d'articles de blog en ajoutant ce qui suit dans la section `params` de votre fichier `config.yaml`.
+
+```yaml
+enableBlogPost: true
+```
+
+### Activer `Table Of Contents`
+
+Maintenant, si vous voulez afficher la section `Table Of Contents` dans votre article de blog, vous devez d'abord l'activer dans la section `params` de votre fichier `config.yaml`.
+
+```yaml
+enableTOC: true
+```
+Vous pouvez également contrôler le niveau de votre table des matières en ajoutant la configuration suivante dans la section `markup` de votre fichier `config.yaml`.
+
+```yaml
+markup:
+  tableOfContents:
+    startLevel: 2
+    endLevel: 6
+    ordered: false
+```
+
+Ici, nous avons configuré notre table des matières pour montrer tous les titres à partir de `h2` jusqu'à `h6`.
+
+### Activer le bouton `<Improve This Page>`
+
+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 `<improve This Page>` en ajoutant l'URL de votre dépôt Git dans la section `params` de votre fichier `config.yaml`.
+
+```yaml
+gitRepo: <L'URL du dépôt Github de votre site>
+```
+
+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.
+
+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: <le nom de votre branche git par défaut>
+```
+
+### Activer/Désactiver la Newsletter
+
+La fonctionnalité de newsletter supporte seulement Mailchimp actuellement.
+Ajoutez ce qui suit dans la section `params` du fichier `config.yaml`.
+
+```yaml
+newsletter:
+  enable: true
+  provider: mailchimp
+  mailchimpURL: https://github.us1.list-manage.com/subscribe/post?u=19de52a4603135aae97163fd8&amp;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`.
+
+```yaml
+newsletter:
+  enable: false
+```
+
+### 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`.
+
+```yaml
+markup:
+  goldmark:
+    renderer:
+      unsafe: true
+```
+
+### Ajouter les informations de l'auteur
+
+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
+name: "John Doe"
+nickname: "John"
+# greeting message before your name. it will default to "Hi! I am" if not provided
+greeting: "Hi, I am"
+image: "images/author/john.png"
+# give your some contact information. they will be used in the footer
+contactInfo:
+  email: "[email protected]"
+  phone: "+0123456789"
+  github: johndoe
+  linkedin: johndoe
+
+# some summary about what you do
+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
+```
+
+> 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)
+
+### 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.
+
+```yaml
+copyright: © 2020 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`.
+
+```yaml
+# Meta description for your site.  This will help the search engines to find your site.
+description: Example site for 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`.
+
+```yaml
+customMenus:
+- name: Notes
+  url: https://hossainemruz.gitbook.io/notes/
+  hideFromNavbar: false
+  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&amp;id=094a24c76e
+
+    # Show/hide disclaimer notice in the footer. Default is "false".
+    disclaimer:
+      enable: true
+```
diff --git a/content/posts/features/index.fr.md b/content/posts/features/index.fr.md
@@ -23,7 +23,7 @@ Ce thème a été conçu pour être minimaliste et beau. Le schéma de couleur a
 
 ### Responsable
 
-Ce thème est totalement responsable. Il est beau et cohérent sur les ordinateurs de bureau, ordinateurs portables, Tablettes, et appareils Mobile. 
+Ce thème est totalement responsable. Il est beau et cohérent sur les ordinateurs de bureau, ordinateurs portables, Tablettes, et appareils Mobile.
 
 {{< img src="images/responsive.png" align="center" >}}
 
@@ -69,4 +69,4 @@ Ca ne répond toujours pas à vos besoins ? Déposez une demande de fonctionnali
 
 ### Support multilingue
 
-Ce thème intègre le support de multiples langues. Vous pouvez traduire votre contenu dans de multiples langues facilement pour une meilleure accessibilité.
+Ce thème intègre le support de multiples langues. Vous pouvez traduire votre contenu dans de multiples langues facilement pour une meilleure accessibilité.
diff --git a/content/posts/getting-started/github-pages/index.fr.md b/content/posts/getting-started/github-pages/index.fr.md
@@ -128,3 +128,4 @@ example.com
 Une fois la Github Action terminée avec succès, vous pouvez parcourir votre site à `https://<your domain name>`.
 
 Notez qu'en naviguant sur `https://<your username>.github.io`, il redirigera automatiquement sur `https://<your domain name>`.
+
diff --git a/content/posts/getting-started/netlify/index.fr.md b/content/posts/getting-started/netlify/index.fr.md
@@ -11,7 +11,7 @@ menu:
 
 [Netlify](https://www.netlify.com/) offre un facile et excellent processus pour le déploiement d'un site statique hugo. Vous pouvez déployer votre site en quelques clics. Contrairement à Github Pages, vous pouvez nommer votre dépôt comme vous le souhaitez. Vous pouvez également personnaliser l'URL du site.
 
-Dans ce billet, nous montreons le processus pas-à-pas d'un déploiement de site hugo avec Netlify.
+Dans ce billet, nous montrerons le processus pas-à-pas d'un déploiement de site hugo avec Netlify.
 
 ### Ajouter une configuration de Netlify
 
@@ -68,7 +68,6 @@ Maintenant, connectez-vous sur [netlify](https://www.netlify.com/). Ensuite, ren
 
 {{< vs 2 >}}
 
-
 Une nouvelle pop-up s'ouvrira. Sélectionnez `Github` et authentifiez-vous, avec votre compte Github.
 
 {{< img src="images/3.png" align="center" >}}
@@ -87,30 +86,30 @@ Maintenant, Netlify vous mènera à la page de déploiement. Sélectionnez la br
 
 {{< vs 2 >}}
 
-Now, netlify will start publishing your site immediately. Wait for the publishing process to complete. Once, the site has been published, you can browse your site at the URL automatically generated by netlify. The auto-generated URL has been pointed out by a red rectangle in the screenshot below.
+Maintenant, netlify va commencer à publier votre site immédiatement. Attendez que le processus de publication soit achevé. Une fois le site publié, vous pouvez parcourir votre site à l'URL générée automatiquement par netlify. L'URL générée automatiquement a été indiqué par le rectangle rouge sur la capture d'écran ci-dessous.
 
 {{< img src="images/6.png" align="center" >}}
 
 ### Personnalisation de l'URL
 
-You can easily customize the URL of your site with just few clicks as shown below.
+Vous pouvez facilement personnaliser l'URL de votre site en quelques clics seulement comme indiqué ci-dessous.
 
-1. Click the `Domain Setting` button under `Site Overview` tab.
+1. Cliquez sur le bouton `Domain Setting` sous l'onglet `Site Overview`.
 
 {{< img src="images/7.png" align="center" >}}
 
-2. Now, you can either add your own domain by clicking on `Add custom domain` button or you can just use `<your custom prefix>.netlify.app` domain. Here, we are going with the later. Click the `options` dropdown and select `Edit site name`.
+2. Maintenant, soit vous ajoutez votre propre domaine en cliquant sur le bouton `Add custom domain` ou bien vous pouvez juste utiliser le domaine `<your custom prefix>.netlify.app`. Ici, c'est ce que nous feront après. Cliquez sur le bouton `options` et sélectionnez `Edit site name`.
 
 {{< img src="images/8.png" align="center" >}}
 
 {{< vs 2 >}}
 
-3. Alors, donnez à votre site le nom que vous voulez
+3. Ensuite, donnez à votre site le nom que vous voulez.
 
 {{< img src="images/9.png" align="center" >}}
 
 {{< vs 2 >}}
 
-4. Once you have saved the new name, you will see the URL of your site has been updated instantly. Now, you can browse your site at the new URL.
+4. Une fois que vous avez sauvegardé le nouveau nom, vous verrez que l'URL de votre site a été mise à jour instantanément. Maintenant, vous pouvez parcourir votre site à la nouvelle URL.
 
 {{< img src="images/10.png" align="center" >}}
diff --git a/content/posts/getting-started/prepare-site/index.fr.md b/content/posts/getting-started/prepare-site/index.fr.md
@@ -24,10 +24,10 @@ 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=yaml --force
+$ hugo new site ./ -f --format yaml
 ```
 
-Cette commande créera une structure de base d'un site hugo. Ici, le flag `-f=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.
+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.
 
 ### Initialiser le dépôt git
 

diff --git a/content/posts/quickstart/index.fr.md b/content/posts/quickstart/index.fr.md
@@ -126,7 +126,7 @@ c. Exécuter le site
 
 ```bash
 hugo server -w
-```
+```  
 
 <br>
 
@@ -152,9 +152,9 @@ git push origin HEAD
 
 ### Et ensuite ?
 
-- Personnaliser l'arrière-plan, le logo, et quelques autres choses de votre site en suivant [ce guide](/posts/configuration/site-parameters/).
-- Ajouter des informations sur vous en suivant [ce guide](/posts/configuration/sections/about/).
-- Ajouter les informations sur vos compétences en suivant [ce guide](/posts/configuration/sections/skills/).
-- Ajouter les informations sur vos expériences en suivant [ce guide](/posts/configuration/sections/experiences).
-- Déployer votre site sur Github Page en suivant le guide par [ici](/posts/getting-started/github-pages/).
-- Déployer votre site sur Netlify en suivant le guide par [ici](/posts/getting-started/netlify/).
+- Personnaliser l'arrière-plan, le logo, et quelques autres choses de votre site en suivant [ce guide](/posts/configuration/site-parameters/index.fr.md).
+- Ajouter des informations sur vous en suivant [ce guide](/posts/configuration/sections/about/index.fr.md).
+- Ajouter les informations sur vos compétences en suivant [ce guide](/posts/configuration/sections/skills/index.fr.md).
+- Ajouter les informations sur vos expériences en suivant [ce guide](/posts/configuration/sections/experiences/index.fr.md).
+- Déployer votre site sur Github Page en suivant le guide par [ici](/posts/getting-started/github-pages/index.fr.md).
+- Déployer votre site sur Netlify en suivant le guide par [ici](/posts/getting-started/netlify/index.fr.md).
Original file line number	Diff line number	Diff line change
Expand Up		@@ -128,3 +128,4 @@ example.com
		Une fois la Github Action terminée avec succès, vous pouvez parcourir votre site à `https://<your domain name>`.

		Notez qu'en naviguant sur `https://<your username>.github.io`, il redirigera automatiquement sur `https://<your domain name>`.