Guide de Déploiement - sexualite-authentique.fr
📋 Ce qui a été créé
Structure complète du site Jekyll
✅ Configuration de base
_config.yml- Configuration JekyllGemfile- Dépendances Ruby- Structure de dossiers complète
✅ Fichiers de données (_data/)
config.yml- Configuration centralisée du sitefaq.yml- Questions fréquentes complètesvideos.yml- Bibliothèque vidéos (à compléter avec vos URLs)photos.yml- Plan photos (placeholders à remplacer)quiz.yml- Quiz “Amant Sensible” (20 questions + 4 profils)testimonials.yml- Témoignages clients
✅ Layouts HTML (_layouts/)
default.html- Layout de basehome.html- Layout page d’accueilpage.html- Layout pages standardpost.html- Layout articles de blog
✅ Composants (_includes/)
header.html- Header avec navigationfooter.html- Footer complet
✅ CSS (assets/css/)
main.css- Styles principaux (Terracotta, Bordeaux, Olive, Montserrat)home.css- Styles page d’accueilquiz.css- Styles quiz interactif
✅ JavaScript (assets/js/)
main.js- Scripts globauxquiz.js- Quiz interactif complet
✅ 12 Pages principales
index.html- Accueil (8 sections)mon-approche.md- Mon Approche Uniqueparcours-12-semaines.md- Le Parcours détailléqui-suis-je.md- Qui Suis-Jeseance-diagnostic.md- Séance Diagnostic Offertetemoignages.md- Témoignagesressources.md- Ressources gratuitesvideos.md- Bibliothèque vidéosfaq.md- FAQcontact.md- Contactblog/index.html- Index du blogquiz-amant-sensible.html- Quiz interactif
✅ 5 Articles de blog (_posts/)
- L’eau à 99° vs 100°
- Le Tigre et le Masque
- EPE → RCS
- Séduction vs Sélection
- 95% c’est enlever la peur
🚀 Déploiement sur GitHub Pages
Étape 1 : Installation locale (optionnel)
bundle install
bundle exec jekyll serve
Puis ouvrez : http://localhost:4000
Étape 2 : Configuration GitHub Pages
- Allez dans Settings → Pages
- Source : Deploy from a branch
- Branch :
claude/review-website-discussion/root - Cliquez sur Save
Le site sera disponible à : https://[votre-username].github.io/Site_Sexualite_Authentique/
Étape 3 : Configuration du domaine personnalisé
A. Modifier _config.yml
IMPORTANT : Avant de configurer le domaine sur GitHub, modifiez _config.yml :
# Changez ces lignes :
url: "https://aujourduy.github.io" # Ancien
baseurl: "/Site_Sexualite_Authentique" # Ancien
# En :
url: "https://sexualite-authentique.fr" # Nouveau
baseurl: "" # Vide car le site sera à la racine
Puis commit et push :
git add _config.yml
git commit -m "Configuration domaine personnalisé"
git push
B. Configurer GitHub Pages
- Dans Settings → Pages → Custom domain
- Entrez :
sexualite-authentique.fr - Cochez Enforce HTTPS (après propagation DNS)
- Cliquez sur Save
C. Configurer DNS chez votre registrar
Chez votre registrar de domaine (OVH, Gandi, etc.), configurez :
Type: A
Name: @
Value: 185.199.108.153
Value: 185.199.109.153
Value: 185.199.110.153
Value: 185.199.111.153
Type: CNAME
Name: www
Value: aujourduy.github.io
Délai de propagation : 1h à 24h
D. Vérifier
Une fois la propagation terminée, votre site sera accessible sur :
https://sexualite-authentique.frhttps://www.sexualite-authentique.fr
✏️ À compléter par vous
1. Informations de contact (_data/config.yml)
contact:
email: "contact@sexualite-authentique.fr" # Votre vrai email
phone: "+33 6 XX XX XX XX" # Votre téléphone
tidycal: "https://tidycal.com/..." # Votre lien TidyCal
2. Réseaux sociaux (_data/config.yml)
social:
facebook: "https://www.facebook.com/..." # Votre page Facebook
youtube: "" # Votre chaîne YouTube (si vous en avez)
instagram: "" # Votre Instagram (si vous en avez)
3. Photos
Remplacez les placeholders par vos vraies photos dans /assets/images/ :
- Portraits : Photos professionnelles de vous (N&B + Couleur)
- Danse : Photos de danse libre / Contact Impro
- Ambiance : Photos d’ambiance (via Unsplash/Pexels ou vos propres photos)
Puis mettez à jour les chemins dans les pages HTML/Markdown.
4. Vidéos (_data/videos.yml)
Ajoutez les URLs de vos vidéos YouTube/Vimeo :
- titre: "L'eau à 99° vs 100°"
url: "https://www.youtube.com/watch?v=..." # Votre vidéo
duree: "5:30"
5. Ressources gratuites
Configurez vos lead magnets (PDF + Formation vidéo) avec Systeme.io :
- Créez vos pages de capture dans Systeme.io
- Mettez à jour les liens dans
ressources.md
6. Analytics (optionnel)
Dans _config.yml, ajoutez votre ID Google Analytics :
google_analytics: UA-XXXXXXXXX-X
📝 Ajouter de nouveaux articles de blog
Créez un fichier dans _posts/ avec ce format :
Nom du fichier : YYYY-MM-DD-titre-article.md
Contenu :
---
layout: post
title: "Titre de l'article"
subtitle: "Sous-titre optionnel"
date: 2025-01-20
categories: [Authenticité, Sexualité]
reading_time: 5
---
Contenu de l'article en Markdown...
🎨 Modifier les couleurs/styles
Éditez /assets/css/main.css :
:root {
--terracotta: #C67B5C; /* Modifiez ces valeurs */
--bordeaux: #8B3A3A;
--olive: #6B7C59;
/* etc. */
}
❓ Support
Si vous avez des questions ou des erreurs :
- Vérifiez que tous les fichiers ont bien été créés
- Testez localement avec
bundle exec jekyll serve - Consultez les logs d’erreur dans l’onglet “Actions” de GitHub
🎯 Prochaines étapes recommandées
- Remplacer les placeholders (photos, vidéos, liens)
- Configurer TidyCal pour les réservations
- Créer vos lead magnets (PDF + Formation vidéo)
- Ajouter plus d’articles de blog (10-15 pour commencer)
- Tester le parcours utilisateur complet
- Configurer Google Analytics
- Créer des pages légales (Mentions légales, Politique de confidentialité, CGV)
Site créé avec votre vision + expertise technique Version 1.0 - Prêt pour déploiement