Comment créer un indicateur de progression horizontal pour votre site Starlight

Apprenez à créer un indicateur de progression horizontal pour votre Starlight site.
Apprenez à créer un indicateur de progression horizontal pour votre Starlight site.
Combinez deux plugins Starlight Sidebar Topics pour afficher une liste de sujets sur le bureau et un menu déroulant dans la barre latérale mobile.
Dans cet article, je vais vous montrer l’évolution des Starlight plugins avec une étude de cas du plugin Starlight Sidebar Topics. Préparez-vous à découvrir des faits impressionnants sur les personnes et le code autour de Starlight.
Dans cet article de blog, nous examinerons comment de petits changements peuvent faire une grande différence en termes d’espaces blancs dans votre Starlight.
This year, I turned 20 - and instead of simply lighting candles and inflating balloons, I wanted to celebrate in a more creative and personal way. The idea? Hide the number 20 in as many surprising, clever, and hidden forms as possible throughout a decorated living room - then capture it all in a single photo. Whether through mathematical puzzles or visual Easter eggs, the room transformed into a joyful riddle full of playful detail.
Créer un README de profil GitHub remarquable ne consiste pas seulement à ajouter quelques badges — il s’agit de repousser les limites techniques. Dans cette plongée approfondie, j’explore la manipulation de SVG au niveau bas, la conversion de HTML en SVG, les animations intégrées, et l’automatisation complète avec les GitHub Actions pour construire ce que je crois être l’un des README GitHub les plus techniquement avancés. D’une grille Bento dynamique qui se met à jour toutes les 5 minutes à l’intégration de SVG en direct sans requêtes externes, ce projet a transformé mon profil en une vitrine vivante et auto-mise à jour de mon travail. Vous voulez savoir comment j’ai fait ? Décortiquons cela. 🚀
Tout grand projet commence par la prise de conscience d’un problème. Mon README de profil GitHub était en désordre, rempli d’une quantité excessive d’informations, trop de badges, et un contenu accablant qui manquait de style et de structure. Il contenait des réalisations de hackathon, des graphiques de contributions GitHub, divers badges techniques, et bien plus, ce qui le rendait visuellement peu attrayant et difficile à naviguer. Au début, je pensais que c’était une manière efficace de me présenter, mais avec le temps, il est devenu clair que l’information était plus accablante qu’informative. Je voulais quelque chose de nouveau, une approche plus raffinée et visuellement attrayante pour présenter mon profil, et l’idée d’implémenter une grille « bento » m’est venue à l’esprit. L’objectif était de créer une mise en page qui soit non seulement fonctionnelle, mais également esthétiquement impressionnante et structurée.