Instructions pour tester votre nouveau blog Astro
Bienvenue dans ce guide qui vous expliquera comment tester votre nouveau blog créé avec Astro. Suivez ces étapes simples pour vérifier que tout fonctionne correctement.
Étape 1 : Lancer le serveur de développement
Pour commencer, vous devez lancer le serveur de développement Astro :
npm run devCela démarrera votre site en mode développement, généralement à l’adresse http://localhost:4321.
Étape 2 : Accéder à la page d’accueil
Ouvrez votre navigateur et accédez à l’URL locale de votre site :
Vérifiez que la page d’accueil se charge correctement.
Étape 3 : Naviguer vers la section blog
Cliquez sur le lien “Blog” dans la navigation ou accédez directement à :
Vous devriez voir la liste de tous vos articles de blog, y compris votre nouvel article “Mon Nouveau Blog”.
Étape 4 : Vérifier votre nouvel article
Dans la liste des blogs, trouvez et cliquez sur “Mon Nouveau Blog”. Vous serez redirigé vers :
http://localhost:4321/blog/mon-nouveau-blog/
Vérifiez que :
- Le titre s’affiche correctement
- L’image héroïque est visible
- La date de publication est correcte
- Tout le contenu Markdown est bien formaté
Étape 5 : Vérifier la mise en page responsive
Redimensionnez votre navigateur ou utilisez les outils de développement pour simuler différentes tailles d’écran. Vérifiez que votre blog s’affiche correctement sur :
- Ordinateurs de bureau
- Tablettes
- Téléphones mobiles
Étape 6 : Tester les liens et la navigation
Assurez-vous que :
- Vous pouvez revenir à la liste des blogs
- Vous pouvez naviguer vers d’autres pages du site
- Tous les liens internes fonctionnent correctement
Étape 7 : Vérifier les métadonnées
Utilisez les outils de développement de votre navigateur pour inspecter les métadonnées de la page :
- Clic droit > Inspecter
- Examinez les balises
<meta>dans le<head> - Vérifiez que le titre, la description et autres métadonnées sont correctement définis
Conclusion
Si toutes ces étapes fonctionnent correctement, félicitations ! Votre nouveau blog est correctement configuré et prêt à être utilisé. Vous pouvez maintenant continuer à ajouter d’autres articles ou à personnaliser davantage votre site Astro.
Dépannage
Si vous rencontrez des problèmes :
- Vérifiez que le frontmatter de votre fichier Markdown est correctement formaté
- Assurez-vous que les images référencées existent dans le dossier public
- Consultez la console du navigateur pour détecter d’éventuelles erreurs
- Vérifiez les logs du terminal où vous avez lancé
npm run dev
Bon blogging avec Astro !
À propos de InSkillCoach
Expert en formation et technologies
Coach spécialisé dans les technologies avancées et l'IA, porté par GNeurone Inc.
Certifications:
- AWS Certified Solutions Architect – Professional
- Certifications Google Cloud
- Microsoft Certified: DevOps Engineer Expert
- Certified Kubernetes Administrator (CKA)
- CompTIA Security+
Commentaires
Les commentaires sont alimentés par GitHub Discussions
Connectez-vous avec GitHub pour participer à la discussion