Merge pull request #4 from jeremy-picosson-tech/3-adding-blog-section

FEAT : configuration initiale du blog + post test

Author: jeremy-picosson-tech

MyWebSite/docs/blog/index.md

@@ -0,0 +1 @@
+# Sommaire & Actualités

MyWebSite/docs/blog/posts/00_vision_and_objectives.md

@@ -0,0 +1,41 @@
+---
+comments: true
+draft: false 
+date: 2024-07-11
+categories:
+  - Divers
+---
+
+# Pourquoi ce blog ? Ma vision et mes objectifs
+
+## Pourquoi j’ai décidé de lancer ce blog
+
+Dans un secteur aussi dynamique que l’IT, il est essentiel de prendre du recul et de partager ses réflexions. Ce blog est né de cette envie : créer un espace où je peux exprimer ma vision de l’évolution des technologies et des méthodes de travail, tout en ouvrant le dialogue avec d’autres passionnés.
+
+## À quoi sert ce blog ?
+
+- Partager une veille technologique
+
+Je consacre une partie de mon temps à suivre l’actualité, tester de nouveaux outils et analyser les tendances. Ce blog me permet de synthétiser ces découvertes et de les rendre accessibles à tous.
+
+- Offrir une perspective personnelle
+
+Plutôt que de simplement relayer l’information, je souhaite apporter un regard critique sur les évolutions du secteur, en expliquant comment elles transforment nos métiers et nos organisations.
+
+- Favoriser l’échange
+
+J’espère que ce blog deviendra un lieu d’échange, où chacun pourra réagir, poser des questions, partager ses propres expériences et enrichir la réflexion collective.
+
+## Mes thèmes de prédilection
+
+- L’évolution des technologies (cloud, IA, cybersécurité, etc.)
+
+- Les nouvelles méthodes de travail (agilité, DevOps, remote, etc.)
+
+- Les impacts humains et organisationnels du changement technologique
+
+- Les outils et bonnes pratiques pour rester à la pointe
+
+## En résumé
+
+Ce blog est avant tout un espace de partage et d’ouverture, destiné à tous ceux qui s’intéressent à l’IT et à son évolution. Que vous soyez professionnel du secteur, étudiant ou simplement curieux, j’espère que vous y trouverez matière à réflexion, inspiration et pourquoi pas, l’envie de contribuer à votre tour.

MyWebSite/mkdocs.yml

@@ -7,13 +7,20 @@ site_author: Jérémy PICOSSON
 
 repo_name: jeremy-picosson-tech/jeremy-picosson.github.io
 
+nav:
+  - index.md
+  - BLOG:
+    - blog/index.md
+
 theme: 
-  name: material
+  name: material    
+  custom_dir: overrides
   icon:
     repo: fontawesome/brands/github 
     previous: fontawesome/solid/angle-left
   include_sidebar : true
 
+
   palette:
     # Palette toggle for light mode
     - media: "(prefers-color-scheme: light)"
@@ -29,13 +36,14 @@ theme:
         name: Switch to system preference
 
   features:
-  - toc.follow
-  - search.suggest
-  - navigation.instant
-  - navigation.top
+    - toc.follow
+    - search.suggest
+    - navigation.instant
+    - navigation.top
 
 plugins:
   - search
+  - blog
 
 markdown_extensions:
   - admonition

MyWebSite/overrides/partials/comments.html

@@ -0,0 +1,55 @@
+{% if page.meta.comments %}
+  <h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
+  
+  <script src="https://giscus.app/client.js"
+          data-repo="jeremy-picosson-tech/jeremy-picosson.github.io"
+          data-repo-id="R_kgDOPGdkIQ"
+          data-category="General"
+          data-category-id="DIC_kwDOPGdkIc4Cs1hO"
+          data-mapping="title"
+          data-strict="0"
+          data-reactions-enabled="1"
+          data-emit-metadata="0"
+          data-input-position="top"
+          data-theme="preferred_color_scheme"
+          data-lang="fr"
+          crossorigin="anonymous"
+          async>
+  </script>
+
+  <!-- Synchronize Giscus theme with palette -->
+  <script>
+    var giscus = document.querySelector("script[src*=giscus]")
+
+    // Set palette on initial load
+    var palette = __md_get("__palette")
+    if (palette && typeof palette.color === "object") {
+      var theme = palette.color.scheme === "slate"
+        ? "transparent_dark"
+        : "light"
+
+      // Instruct Giscus to set theme
+      giscus.setAttribute("data-theme", theme) 
+    }
+
+    // Register event handlers after documented loaded
+    document.addEventListener("DOMContentLoaded", function() {
+      var ref = document.querySelector("[data-md-component=palette]")
+      ref.addEventListener("change", function() {
+        var palette = __md_get("__palette")
+        if (palette && typeof palette.color === "object") {
+          var theme = palette.color.scheme === "slate"
+            ? "transparent_dark"
+            : "light"
+
+          // Instruct Giscus to change theme
+          var frame = document.querySelector(".giscus-frame")
+          frame.contentWindow.postMessage(
+            { giscus: { setConfig: { theme } } },
+            "https://giscus.app"
+          )
+        }
+      })
+    })
+  </script>
+{% endif %}