Configuration de votre profil

📾 Ajouter votre photo de profil

  1. Préparez votre photo :
    • Format recommandĂ© : JPG ou PNG
    • Dimensions : 300x300px minimum (carrĂ© de prĂ©fĂ©rence)
    • Poids : < 500KB pour un chargement rapide
  2. Placez votre photo : 
    # Copiez votre photo dans le dossier assets/images/
cp /chemin/vers/votre/photo.jpg assets/images/profile.jpg
  3. Ou modifiez le chemin dans _config.yml : 
    author:
  avatar: /assets/images/votre-nom-de-photo.jpg

✏ Personnaliser vos informations

Éditez le fichier _config.yml et modifiez la section author :

# Profile Information
author:
  name: kuorashi                              # Votre pseudo
  avatar: /assets/images/profile.jpg          # Chemin vers votre photo
  bio: Cybersecurity Enthusiast | Pentester   # Votre bio courte
  location: France                            # Votre localisation
  education: École d'IngĂ©nieur en CybersĂ©curitĂ©  # Votre formation
  work: Pentester & Red Team Operator         # Votre travail
  interests: "HackTheBox | CTF | Red Team"    # Vos centres d'intĂ©rĂȘt

🎹 Personnalisation avancĂ©e

Modifier les icĂŽnes

Les icĂŽnes sont des SVG dans _layouts/home.html. Vous pouvez :

  • Changer les icĂŽnes (cherchez “profile-icon”)
  • Ajouter de nouveaux champs
  • Modifier l’ordre des informations

Modifier le style

Le CSS se trouve dans assets/css/style.scss :

  • .profile-section : Carte principale
  • .profile-avatar : Photo de profil
  • .profile-name : Nom/pseudo
  • .profile-bio : Biographie
  • .profile-item : Badges d’information

Exemples de modifications

Changer la taille de la photo :

.profile-avatar {
  width: 200px;  // Au lieu de 150px
  height: 200px;
}

Changer la couleur de la bordure :

.profile-avatar {
  border: 4px solid #ff0055;  // Rouge au lieu de vert
}

🚀 Aprùs les modifications

  1. Sauvegardez vos fichiers
  2. Le site se régénÚre automatiquement avec LiveReload
  3. Rafraßchissez votre navigateur si nécessaire

📝 Note importante

Si vous modifiez _config.yml, vous devez redémarrer le serveur Jekyll :

# ArrĂȘter le serveur (Ctrl+C)
# Puis relancer
bundle exec jekyll serve --livereload

Besoin d’aide ? Consultez la documentation Jekyll : https://jekyllrb.com/docs/