aurelien@aschnoebelen.fr:~ $

aurelien@aschnoebelen.fr: ~ $ cat ./articles/presentation-projet-blog-aschnoebelen/

· 4 min de lecture · #blog #projet · dir: Projets

Projet : blog aschnoebelen.fr

Présentation de mon projet de blog, portfolio et CV en ligne : découvrez le contenu du site ainsi que les choix techniques retenus pour sa mise en place.

Introduction

Pourquoi ce projet ?

Ce projet a commencé lors de ma formation ASRS (Administrateur Systèmes, Réseaux et Sécurité) chez OpenClassrooms. À l’origine, l’objectif était simplement de servir de pense-bête et d’aider mes camarades de promotion. C’est vers la fin de la formation, au moment de me lancer dans la recherche d’emploi, que j’y ai intégré mon CV en ligne. Il s’agissait initialement d’une simple copie de mon CV papier, que j’ai fait évoluer au fil du temps pour ajouter du détail sans surcharger la version imprimée.

Après une pause liée à des imprévus personnels et un fort investissement professionnel, j’ai décidé de lui donner un second souffle. J’ai revu sa technologie et adopté un thème qui rassemble deux de mes passions : l’informatique et l’univers Cyberpunk (que j’affectionne particulièrement en jeu de rôle). Mon objectif est désormais de l’alimenter plus régulièrement avec des articles sur mon métier, mes projets et mes passions.

Objectifs

À travers ce site, je souhaite :

  • Démontrer mes compétences auprès de recruteurs ou clients potentiels via mon CV et des articles techniques.
  • Partager mes connaissances en synthétisant des sujets complexes sous forme de fiches ou mémos accessibles.
  • Transmettre autour de mes autres passions (mécanique auto, impression 3D, etc.) en partageant astuces et retours d’expérience.
  • Présenter mes projets en cours, passés et à venir.

Le but n’est pas de donner des formations ou des cours comme le feraient IT-Connect ou d’autres sites dont c’est la spécialité ; je me contenterai surtout de retours d’expérience !

Ce que vous trouverez sur ce site

En premier lieu, vous trouverez mes articles ainsi que leurs catégories respectives. Pour le moment, les sujets sont encore un peu mélangés, mais une refonte de l’organisation est prévue (cf. ci-dessous).

Vous trouverez également mon CV en ligne, que je m’efforce de maintenir à jour pour qu’il soit le plus exhaustif possible.

Enfin, vous avez accès à un formulaire de contact pleinement fonctionnel, malgré la nature statique du site (explications ci-dessous).

Choix techniques

Le site

Même si j’avais initialement choisi la facilité avec WordPress, je dois avouer que je m’y ennuyais un peu. Mon choix s’est donc porté sur Hugo, un générateur de site statique simple à prendre en main et idéal à interfacer avec Gitea ou GitHub pour créer des workflows CI/CD personnalisés.

Concrètement, le déploiement s’articule ainsi :

  1. Rédaction ou modification sur une branche dédiée.
  2. Fusion (merge) vers l’environnement de développement pour déclencher le déploiement sur mon serveur de préproduction.
  3. Après tests et validation, fusion sur la branche de production (main).
  4. Déclenchement du workflow de publication chez mon hébergeur avec l’attribution d’un tag de versioning (ex. v.26.09.03).

Le formulaire de contact

Pour gérer l’envoi de messages sur un site statique, j’ai mis en place un script PHP en backend. Il assure le contrôle des données saisies ainsi que l’expédition du courriel via une bibliothèque PHP dédiée, le tout sécurisé par Cloudflare pour filtrer le trafic automatisé et éviter les bots.

Côté design : l’origine du thème Cyberpunk

L’esthétique Cyberpunk est partie d’une simple expérience. À l’origine, j’avais opté pour un thème sombre reprenant les couleurs du terminal Ubuntu (clin d’œil à mon profil Linux), généré en m’aidant de l’IA via un Bootstrap personnalisé.

Étant passionné par l’univers dystopique de Cyberpunk, j’ai voulu faire un essai en lui demandant de décliner un thème d’inspiration Cyberrunner ou Decker (les spécialistes réseau et sécurité de cet univers). Le résultat s’est avéré tellement convaincant à mes yeux que la version est restée !

Évolutions futures

À l’avenir, je souhaite apporter quelques améliorations au site :

  • Restructurer le contenu : séparer la partie IT des autres thématiques (par exemple, remplacer la section globale /articles par des rubriques dédiées comme /it, /diy, /projets, etc.).
  • Créer une page « Portfolio » : présenter mes projets en détail avec leur état d’avancement, accompagnés de captures d’écran et de métriques/nouvelles pour suivre leur évolution.
  • Intégrer un système de commentaires : permettre d’échanger directement sous les articles.

Si vous avez des suggestions ou des remarques, n’hésitez pas à me laisser un message via le formulaire de contact !