···88tags:
99 - Automation
1010 - GitHub
1111-excerpt: Ein herausragendes GitHub-Profil-README zu erstellen, bedeutet nicht
1212- nur, ein paar Badges hinzuzufügen – es geht darum, technische Grenzen zu
1313- erweitern. In diesem detaillierten Einblick untersuche ich die Manipulation
1414- von SVGs auf niedriger Ebene, die Konvertierung von HTML zu SVG,
1515- Inline-Animationen und die vollständige Automatisierung mit GitHub Actions, um
1616- das zu erstellen, was ich für eines der technisch fortschrittlichsten
1717- GitHub-READMEs halte. Von einem dynamischen Bento-Grid, das sich alle 5
1818- Minuten aktualisiert, bis hin zur Einbettung von Live-SVGs ohne externe
1919- Anfragen hat dieses Projekt mein Profil in eine lebendige, sich selbst
2020- aktualisierende Präsentation meiner Arbeit verwandelt. Möchtest du wissen, wie
2121- ich das gemacht habe? Lass es uns aufschlüsseln. 🚀
1111+excerpt: Einen herausragenden <a class="gh-badge"
1212+ href="https://github.com/github"><img src="https://github.com/github.png"
1313+ alt="github" width="16" height="16"
1414+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">GitHub</a>-Profil-README
1515+ zu erstellen, geht nicht einfach darum, ein paar Abzeichen hinzuzufügen — es
1616+ geht darum, technische Grenzen zu überschreiten. In dieser ausführlichen
1717+ Analyse untersuche ich die niedrigstufige SVG-Manipulation,
1818+ HTML-zu-SVG-Konvertierung, Inline-Animationen und vollständige Automatisierung
1919+ mit GitHub Actions, um zu erschaffen, was meiner Meinung nach eines der
2020+ technisch fortschrittlichsten GitHub-READMEs ist. Von einem dynamischen
2121+ Bento-Grid, das sich alle 5 Minuten aktualisiert, bis hin zum Einbetten von
2222+ Live-SVGs ohne externe Anforderungen, hat dieses Projekt mein Profil in eine
2323+ lebendige, sich selbst aktualisierende Präsentation meiner Arbeit verwandelt.
2424+ Möchtest du wissen, wie ich das gemacht habe? Lass uns eintauchen. 🚀
2225authors:
2326 - trueberryless
2427 - ai
···34373538## Der Anfang: Ein README, das wie ein Wikipedia-Dump aussah
36393737-Jede großartige Geschichte beginnt mit einem Problem, und meines war einfach: Mein GitHub-Profil-README war ein komplettes Chaos. Es war lang. Es hatte zu viel Text. Es war überfüllt mit Badges – so viele, dass es aussah, als würde ich jede mögliche Internet-Trophäe horten. Hackathons, GitHub-Beiträge, Astro, roadmap.sh – wenn es ein Badge gab, hatte ich es.
4040+Jede großartige Geschichte beginnt mit einem Problem, und meines war simpel: Mein [GitHub-Profil](https://github.com/trueberryless) README war ein komplettes Chaos. Es war lang. Es hatte zu viel Text. Es war überfüllt mit Abzeichen — so viele, dass es aussah, als würde ich jede mögliche Internet-Trophäe horten. Hackathons, GitHub-Beiträge, Astro, roadmap.sh — wenn es ein Abzeichen gab, hatte ich es.
38413942Zuerst dachte ich, das wäre in Ordnung. Es zeigte doch alles über mich, oder? Aber eines Tages sah ich es an und erkannte:
4043···48514952Der erste Schritt war einfach: mein perfektes Profil in HTML und CSS entwerfen. Und lass mich dir sagen, es sah fantastisch aus. Es hatte das perfekte Layout, sanfte Animationen und genau die richtige Balance zwischen Inhalt und Raum. Dann holte mich die Realität ein. Das musste in *GitHub-flavored Markdown* funktionieren. Kein Problem, oder? Markdown unterstützt HTML! Also kopierte ich mein schönes HTML in mein README und klickte auf Speichern.
50535151-> GitHub: *Absolut nicht.*
5454+> [GitHub](https://github.com/github): *Auf keinen Fall.*
52555356GitHubs Markdown [filtert zwar nicht viele HTML-Tags aus, aber entscheidende](https://github.github.com/gfm/#disallowed-raw-html-extension). Aus Sicherheitsgründen natürlich (und ich respektiere das, GitHub, wirklich ❤️), aber das bedeutete, dass mein perfektes Design völlig **unbrauchbar** war.
5457···155158156159Nicht so schlecht im Vergleich zum [alten README.md](https://github.com/trueberryless/trueberryless/blob/5dce4ad0033b00829f8ec3756827057017447a65/README.md). Und bitte kommentiere nicht, warum ich K-Pop höre! Es ist besser, als du denkst, glaube mir.
157160158158-Schau dir die Live-Version auf meinem [GitHub](https://github.com/trueberryless) an – falls ich sie beibehalten habe... – und hinterlasse ein Follow, wenn du schon da bist und dir das Lesen gefallen hat! ❤️
161161+Schau dir die Live-Version auf meinem GitHub [trueberryless](https://github.com/trueberryless) an — falls ich mich entscheide, es zu behalten... — und hinterlasse ein Follow, wenn du schon dort bist und es dir gefallen hat! ❤️
159162160163***
161164···169172170173Würde ich es empfehlen? Nur wenn du extrem viel Geduld hast. 😅
171174172172-Aber am Ende habe ich ein GitHub-Profil-README erstellt, das *nicht existieren sollte* – aber es tut es. Und ich liebe es.
175175+Aber am Ende habe ich ein [GitHub](https://github.com/github)-Profil-README erstellt, das *nicht existieren sollte* — aber es tut es. Und ich liebe es.
···99 - Plugins
1010authors:
1111 - trueberryless
1212-excerpt: <p>Je travaille dans l'open source sur GitHub depuis plus d'un an
1313- maintenant et, bien que je pensais avoir trouvé tout ce à quoi je voulais
1414- contribuer, j'ai récemment découvert <a class="gh-badge"
1515- href="https://github.com/pelikhan"><img src="https://github.com/pelikhan.png"
1616- alt="pelikhan" width="16" height="16"
1717- style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">le
1818- projet personnel de Peli</a>, <a
1919- href="https://github.com/pelikhan/action-continuous-translation">action-continuous-translation</a>,
1212+excerpt: <p>Je travaille dans l'OSS sur <a class="gh-badge"
1313+ href="https://github.com/github"><img src="https://github.com/github.png"
1414+ alt="github" width="16" height="16"
1515+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">GitHub</a>
1616+ depuis plus d'un an maintenant et bien que je pensais avoir trouvé tout ce à
1717+ quoi je voulais contribuer, j'ai récemment découvert le projet personnel de <a
1818+ class="gh-badge" href="https://github.com/pelikhan"><img
1919+ src="https://github.com/pelikhan.png" alt="pelikhan" width="16" height="16"
2020+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Peli</a>
2121+ <a
2222+ href="https://github.com/pelikhan/action-continuous-translation">action-continuous-translation</a>
2023 et je suis très heureux d'avoir commencé à y contribuer régulièrement et de
2124 faire maintenant partie de cette petite communauté.</p>
2225cover:
···40434144Trois jours plus tard, et je suis maintenant un contributeur officiel du projet, le rendant de mieux en mieux presque quotidiennement, en me concentrant principalement sur la documentation et le support pour mon projet de cœur : Starlight – comme vous l'avez peut-être déjà deviné en lisant [mes blogs](../../blog/tags/starlight/).
42454343-Peli et moi avons nos sessions de productivité virtuelle entre 16h et 20h UTC, qui s'étendent plus longtemps le week-end. Donc, si vous voulez nous rejoindre en tant qu'un des premiers contributeurs au projet ou si vous êtes intéressé par son utilisation, n'hésitez pas à le consulter sur GitHub : [https://github.com/pelikhan/action-continuous-translation](https://github.com/pelikhan/action-continuous-translation)
4646+Peli et moi avons nos sessions de productivité virtuelle entre 16h et 20h UTC, qui se prolongent davantage les week-ends. Donc, si vous voulez nous rejoindre en tant que pionnier du projet ou si vous êtes intéressé à l'utiliser, n'hésitez pas à le consulter sur [GitHub](https://github.com/github) : [https://github.com/pelikhan/action-continuous-translation](https://github.com/pelikhan/action-continuous-translation)
···77tags:
88 - Automation
99 - Deployment
1010-excerpt: "En continuant à améliorer notre cluster k3s et en particulier le
1111- workflow CI/CD, nous examinons maintenant l'outil GitOps appelé Argo CD, et
1212- comment nous pouvons l'intégrer dans notre cluster. Notre pile technologique
1313- pour le déploiement utilise ces services : k3s, Helm, Cilium et, après ce
1414- tutoriel, Argo CD également."
1010+excerpt: En continuant à améliorer notre cluster k3s et en particulier le
1111+ workflow CI/CD, nous examinons maintenant l'outil GitOps appelé <a
1212+ class="gh-badge" href="https://github.com/argoproj"><img
1313+ src="https://github.com/argoproj.png" alt="Argo CD" width="16" height="16"
1414+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Argo
1515+ CD</a>, et comment nous pouvons l'intégrer dans notre cluster. Notre pile
1616+ technologique pour le déploiement utilise ces services: k3s, Helm, Cilium
1717+ et, après ce tutoriel, également Argo CD.
1518authors:
1619 - trueberryless
1720cover:
···20232124---
22252323-Après avoir lu l'article de Vegard S. Hagen “[Argo CD Kustomize with Helm](https://blog.stonegarden.dev/articles/2023/09/argocd-kustomize-with-helm/)” et décidé que leur solution ne convenait pas pour notre cluster, nous sommes directement passés au guide par défaut d'Argo CD “[Getting started](https://argo-cd.readthedocs.io/en/stable/getting_started/)”. Et maintenant, nous allons vous guider à travers les difficultés de la configuration de [Argo CD](https://github.com/argoproj) sur [k3s](https://github.com/k3s-io) et [Cilium](https://github.com/cilium), en poursuivant depuis le chapitre “[Configuration du gestionnaire de certificats avec Cloudflare](../../blog/setup-kubernetes-with-cilium-and-cloudflare#setup-certificate-manager-with-cloudflare/)” de notre article le plus récent “[Configuration de Kubernetes avec Cilium et Cloudflare](../../blog/setup-kubernetes-with-cilium-and-cloudflare/)”. Dans ce même article précédent, nous avons également configuré [Keel](https://github.com/keel-hq) à la fin, mais cette étape sera désormais inutile car nous utiliserons Argo CD pour récupérer le code le plus récent de pointe de chaque dépôt GitHub. Bonne lecture !
2626+Après avoir lu l'article de Vegard S. Hagen “[Argo CD Kustomize with Helm](https://blog.stonegarden.dev/articles/2023/09/argocd-kustomize-with-helm/)” et décidé que leur solution ne convenait pas à notre cluster, nous avons directement suivi le guide par défaut "[Getting started](https://argo-cd.readthedocs.io/en/stable/getting_started/)" d'Argo CD. Nous allons maintenant partager avec vous les détails de la configuration d'[Argo CD](https://github.com/argoproj) sur [k3s](https://github.com/k3s-io) et [Cilium](https://github.com/cilium), en poursuivant depuis le chapitre “[Setup Certificate Manager with Cloudflare](../../blog/setup-kubernetes-with-cilium-and-cloudflare#setup-certificate-manager-with-cloudflare/)” de notre récent article “[Setting up Kubernetes with Cilium and Cloudflare](../../blog/setup-kubernetes-with-cilium-and-cloudflare/)”. Dans cet article récent, nous avions également configuré [Keel](https://github.com/keel-hq) à la fin, mais cette étape ne sera désormais plus nécessaire, car nous utiliserons Argo CD pour récupérer le dernier code de pointe de chaque dépôt [GitHub](https://github.com/github). Bonne lecture !
24272528:::note
2629Nous supposons que vous avez suivi [notre autre article de blog](../../blog/setup-kubernetes-with-cilium-and-cloudflare/).
···262265 secretName: mutanuq
263266 ```
264267265265-Ces fichiers sont essentiellement les mêmes fichiers mentionnés dans [l'autre article](../../blog/setup-kubernetes-with-cilium-and-cloudflare#example-app-mutanuq/), mais séparés en quatre fichiers car cela nous donne l'avantage de pouvoir manipuler le manifest à partir des GitHub Actions. Mais chaque chose en son temps, vous verrez comment configurer le manifest avec les GitHub Actions dans le [prochain article](../../blog/setup-continuous-integration-github-repository/).
268268+Ces fichiers sont en gros les mêmes que ceux mentionnés dans [l'autre article](../../blog/setup-kubernetes-with-cilium-and-cloudflare#example-app-mutanuq/) mais séparés en quatre fichiers, car cela nous donne l'avantage de manipuler le manifeste depuis [GitHub](https://github.com/github) Actions. Mais commençons par les bases, vous verrez dans [le prochain article](../../blog/setup-continuous-integration-github-repository/) comment configurer le manifeste avec les actions GitHub.
266269267270## Créer une nouvelle application dans l'interface utilisateur d'Argo CD
268271···299302300303## Continuer
301304302302-À suivre dans notre [prochain article de blog](../../blog/setup-continuous-integration-github-repository/), qui décrira comment configurer un dépôt GitHub pouvant ensuite être déployé via Argo CD.
305305+À suivre dans notre [prochain article de blog](../../blog/setup-continuous-integration-github-repository/) qui décrira comment configurer un dépôt [GitHub](https://github.com/github) qui pourra ensuite être déployé via Argo CD.
···77 - Automation
88 - Deployment
99 - GitHub
1010-excerpt: Aujourd'hui, nous allons examiner comment configurer un dépôt GitHub
1010+excerpt: Aujourd'hui, nous allons examiner comment configurer un dépôt <a
1111+ class="gh-badge" href="https://github.com/github"><img
1212+ src="https://github.com/github.png" alt="github" width="16" height="16"
1313+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">GitHub</a>
1114 qui sera déployé sur un cluster k3s via Argo CD. En résumé, l'article inclura
1212- des fichiers de workflow, un Dockerfile, des manifestes (déploiement) et des
1313- dépôts Docker Hub. Veuillez consulter [notre blog sur Argo
1414- CD](./setup-argocd-for-kubernetes), car ceci sera une continuation de l'autre
1515+ des fichiers de Workflow, un Dockerfile, des manifests (déploiement) et des
1616+ dépôts <a class="gh-badge" href="https://github.com/docker"><img
1717+ src="https://github.com/docker.png" alt="Docker Hub" width="16" height="16"
1818+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Docker
1919+ Hub</a>. Veuillez consulter [notre blog sur Argo
2020+ CD](./setup-argocd-for-kubernetes) car ceci sera une continuité de l'autre
1521 article.
1622authors:
1723 - trueberryless
···21272228---
23292424-Dans le post d'aujourd'hui, nous allons examiner rapidement comment configurer un déploiement continu dans un dépôt GitHub. Nous sommes assez sûrs que cette configuration fonctionne également pour d'autres registres Git, mais si vous en utilisez un autre, gardez à l'esprit que ce post est conçu uniquement pour GitHub.
3030+Dans l'article d'aujourd'hui, nous allons examiner rapidement comment configurer le déploiement continu dans un dépôt [GitHub](https://github.com/github). Nous sommes presque certains que cette configuration fonctionne également pour d'autres registres Git, mais si vous en utilisez un autre, gardez à l'esprit que cet article est spécifiquement conçu pour GitHub.
25312626-Ce post suppose également que vous utilisez GitHub Actions combiné avec Argo CD pour déployer vos applications sur un cluster Kubernetes. Suivez d'autres [articles de déploiement](../../blog/tags/deployment/) de notre part pour des instructions supplémentaires sur la façon de configurer ces deux technologies sur votre serveur personnel.
3232+Cet article suppose également que vous utilisez [GitHub](https://github.com/github) Actions combiné avec Argo CD pour déployer vos applications sur un cluster Kubernetes. Consultez nos autres [articles sur le déploiement](../../blog/tags/deployment/) pour des instructions supplémentaires sur la manière de configurer ces deux technologies sur votre serveur personnel.
27332834## Préparatifs
2935
···88 - Components
99 - Plugins
1010 - CSS
1111-excerpt: Combinez deux plugins Starlight Sidebar Topics pour afficher une liste
1212- de sujets sur le bureau et un menu déroulant dans la barre latérale mobile.
1111+excerpt: Combinez deux plugins <a class="gh-badge"
1212+ href="https://github.com/withastro/starlight"><img src="/starlight.png"
1313+ alt="Starlight" width="16" height="16"
1414+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Starlight</a>
1515+ Sidebar Topics pour afficher une liste de sujets sur le bureau et un menu
1616+ déroulant dans la barre latérale mobile.
1317authors:
1418 - hideoo
1519 - trueberryless
···1010 - CSS
1111excerpt: Dans cet article de blog, nous examinerons comment de petits
1212 changements peuvent faire une grande différence en ce qui concerne les espaces
1313- blancs dans votre barre latérale Starlight.
1313+ blancs dans votre <a class="gh-badge"
1414+ href="https://github.com/withastro/starlight"><img src="/starlight.png"
1515+ alt="Starlight" width="16" height="16"
1616+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Starlight</a>
1717+ barre latérale.
1418authors:
1519 - trueberryless
1620cover:
···77tags:
88 - Starlight
99 - Plugins
1010-excerpt: Dans cet article, je vais vous montrer l'évolution des plugins
1111- Starlight avec une étude de cas sur le plugin [Starlight Sidebar
1010+excerpt: Dans cet article, je vais vous montrer l'évolution des plugins <a
1111+ class="gh-badge" href="https://github.com/withastro/starlight"><img
1212+ src="/starlight.png" alt="Starlight" width="16" height="16"
1313+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">Starlight</a>
1414+ avec une étude de cas sur le plugin [Starlight Sidebar
1215 Topics](https://github.com/hideoo/starlight-sidebar-topics). Préparez-vous à
1316 découvrir des faits impressionnants sur les personnes et le code autour de
1417 Starlight.
···88tags:
99 - Automation
1010 - GitHub
1111-excerpt: Créer un README de profil GitHub remarquable ne consiste pas seulement
1212- à ajouter quelques badges — c'est une question de repousser les limites
1313- techniques. Dans cette analyse approfondie, j'explore la manipulation de SVG
1414- de bas niveau, la conversion HTML-vers-SVG, les animations en ligne, et une
1515- automatisation complète avec GitHub Actions pour construire ce que je crois
1616- être l'un des READMEs GitHub les plus avancés techniquement. D'une Bento Grid
1717- dynamique qui se met à jour toutes les 5 minutes à l'intégration de SVG en
1818- direct sans requêtes externes, ce projet a transformé mon profil en une
1919- vitrine vivante et auto-mise à jour de mon travail. Vous voulez savoir comment
2020- j'ai fait ? Décomposons cela. 🚀
1111+excerpt: Créer un README de profil <a class="gh-badge"
1212+ href="https://github.com/github"><img src="https://github.com/github.png"
1313+ alt="github" width="16" height="16"
1414+ style="border-radius:9999px;vertical-align:middle;margin-right:0.4em;">GitHub</a>
1515+ remarquable ne se résume pas à ajouter quelques badges — il s’agit de
1616+ repousser les limites techniques. Dans cette plongée approfondie, j'explore la
1717+ manipulation SVG à bas niveau, la conversion HTML en SVG, les animations
1818+ intégrées et une automatisation complète avec GitHub Actions pour concevoir ce
1919+ que je crois être l'un des READMEs GitHub les plus avancés techniquement.
2020+ D’une Bento Grid dynamique qui se met à jour toutes les 5 minutes à
2121+ l’intégration de SVG en direct sans requêtes externes, ce projet a transformé
2222+ mon profil en une vitrine vivante qui se met à jour automatiquement. Vous
2323+ voulez savoir comment j’ai fait ? Décortiquons cela. 🚀
2124authors:
2225 - trueberryless
2326 - ai
···33363437## Le début : un README ressemblant à un amas de texte Wikipédia
35383636-Chaque grande histoire commence par un problème, et le mien était simple : mon README de profil GitHub était un véritable désastre. Il était long. Il contenait trop de texte. Il débordait de badges — tellement qu'on aurait dit que je collectionnais tous les trophées possibles d'internet. Hackathons, contributions GitHub, Astro, roadmap.sh — s'il existait un badge, je l'avais.
3939+Chaque grande histoire commence par un problème, et le mien était simple : mon README de [profil GitHub](https://github.com/trueberryless) était un véritable chaos. Il était long. Il avait trop de texte. Il débordait de badges — tellement qu’on aurait dit que je collectionnais tous les trophées d’internet possibles. Hackathons, contributions GitHub, Astro, roadmap.sh — s'il existait un badge, je l’avais.
37403841Au début, je pensais que c'était bien. Cela montrait tout sur moi, non ? Mais un jour, je l'ai regardé et réalisé :
3942···47504851La première étape était simple : maquettiser mon profil parfait en HTML et CSS. Et laissez-moi vous dire, ça avait l'air incroyable. Le design avait une mise en page parfaite, des animations fluides et juste le bon équilibre entre contenu et espace. Puis la réalité m'a rattrapé. Cela devait fonctionner dans du *Markdown au goût de GitHub*. Pas de problème, non ? Le Markdown supporte le HTML ! Alors j'ai copié mon magnifique HTML dans mon README et appuyé sur enregistrer.
49525050-> GitHub : *Absolument pas.*
5353+> [GitHub](https://github.com/github) : *Absolument pas.*
51545255Le Markdown de GitHub [supprime un certain nombre de balises HTML, mais des balises importantes](https://github.github.com/gfm/#disallowed-raw-html-extension). Pour des raisons de sécurité, bien sûr (et je respecte entièrement cela, GitHub, vraiment ❤️), mais cela signifiait que mon superbe design était complètement **inutilisable**.
5356···154157155158Ce n'est pas si mauvais en comparaison de l'[ancien README.md](https://github.com/trueberryless/trueberryless/blob/5dce4ad0033b00829f8ec3756827057017447a65/README.md). Et ne commentez pas sur le fait que j'écoute de la K-pop ! C'est mieux que vous ne le pensez, croyez-moi.
156159157157-Consultez la version en ligne sur mon [GitHub](https://github.com/trueberryless) — si j'ai décidé de la garder... — et laissez un follow si vous êtes déjà là et que vous avez apprécié la lecture ! ❤️
160160+Découvrez la version en direct sur mon GitHub [trueberryless](https://github.com/trueberryless) — si j’ai décidé de la garder... — et laissez un follow si vous y êtes déjà et que vous avez aimé lire ! ❤️
158161159162***
160163···168171169172Le recommanderais-je ? Seulement si vous avez énormément de patience. 😅
170173171171-Mais au final, j'ai créé un README de profil GitHub qui *ne devrait pas exister* — mais il existe. Et je l'adore.
174174+Mais au final, j'ai créé un README de profil [GitHub](https://github.com/github) qui *ne devrait pas exister* — mais il existe. Et je l'adore.
+7-2
translations/de/githubopenaigpt-4o.json
···416416 "Now in order to create a new application in [Argo CD](https://github.com/argopro.B153A0B7CA8710DB4FF2": "Um eine neue Anwendung in [Argo CD](https://github.com/argoproj) zu erstellen (entweder über die UI oder CLI — wir verwenden die UI, da wir die CLI nicht eingerichtet haben), müssen wir das Git-Repository vorbereiten. Da das Repository die einzige Quelle der Wahrheit ist, definieren wir hier auch alle Kubernetes-Ressourcen, die von Argo CD erstellt werden sollen.",
417417 "You'll probably see the big `NEW APP` button in the UI of [Argo CD](https://gith.8C955D38A27D41B77691": "Sie werden wahrscheinlich den großen `NEW APP`-Knopf in der UI von [Argo CD](https://github.com/argoproj) sehen. Klicken Sie darauf und erstellen Sie eine neue Anwendung mit den unten angepassten Eigenschaften:",
418418 "Congratulations, you've successfully set up [Argo CD](https://github.com/argopro.99A2D6F9095CF50BC9D2": "Herzlichen Glückwunsch, Sie haben erfolgreich [Argo CD](https://github.com/argoproj) auf einem [k3s](https://github.com/k3s-io)-Cluster eingerichtet! Sie haben sich eine Kaffeepause verdient. Genießen Sie eine wohlverdiente Tasse, und wenn Sie mir einen virtuellen Kaffee spendieren möchten, unterstützen Sie meine Arbeit gerne auf [Ko-fi](https://ko-fi.com/trueberryless). Vielen Dank!",
419419- "After some time contributing I also got to know how kind and welcoming communiti.6B14A5E726DED7FDE5C1": "Nach einiger Zeit des Mitwirkens habe ich auch erfahren, wie freundlich und einladend die Communities hinter diesen Projekten sind. Diese Menschen haben alle eines mit dir gemeinsam: Sie möchten in ihrer Freizeit großartige Dinge erschaffen. Besonders die [Astro](https://github.com/withastro)-Community ist diejenige, in der ich mich am wohlsten gefühlt habe, da sie gleichzeitig am lohnendsten und freundlichsten ist. Nicht alle Communities können einen solch großartigen Status innerhalb der Open-Source-Welt erreichen."
420420-}
419419+ "After some time contributing I also got to know how kind and welcoming communiti.6B14A5E726DED7FDE5C1": "Nach einiger Zeit des Mitwirkens habe ich auch erfahren, wie freundlich und einladend die Communities hinter diesen Projekten sind. Diese Menschen haben alle eines mit dir gemeinsam: Sie möchten in ihrer Freizeit großartige Dinge erschaffen. Besonders die [Astro](https://github.com/withastro)-Community ist diejenige, in der ich mich am wohlsten gefühlt habe, da sie gleichzeitig am lohnendsten und freundlichsten ist. Nicht alle Communities können einen solch großartigen Status innerhalb der Open-Source-Welt erreichen.",
420420+ "Creating a standout <a class=\"gh-badge\" href=\"https://github.com/github\"><img sr.17D1AC2343D91F100D2F": "Einen herausragenden <a class=\"gh-badge\" href=\"https://github.com/github\"><img src=\"https://github.com/github.png\" alt=\"github\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">GitHub</a>-Profil-README zu erstellen, geht nicht einfach darum, ein paar Abzeichen hinzuzufügen — es geht darum, technische Grenzen zu überschreiten. In dieser ausführlichen Analyse untersuche ich die niedrigstufige SVG-Manipulation, HTML-zu-SVG-Konvertierung, Inline-Animationen und vollständige Automatisierung mit GitHub Actions, um zu erschaffen, was meiner Meinung nach eines der technisch fortschrittlichsten GitHub-READMEs ist. Von einem dynamischen Bento-Grid, das sich alle 5 Minuten aktualisiert, bis hin zum Einbetten von Live-SVGs ohne externe Anforderungen, hat dieses Projekt mein Profil in eine lebendige, sich selbst aktualisierende Präsentation meiner Arbeit verwandelt. Möchtest du wissen, wie ich das gemacht habe? Lass uns eintauchen. 🚀",
421421+ "Every great story starts with a problem, and mine was simple: my [GitHub profile.3713BD43F2A1A91BFB7E": "Jede großartige Geschichte beginnt mit einem Problem, und meines war simpel: Mein [GitHub-Profil](https://github.com/trueberryless) README war ein komplettes Chaos. Es war lang. Es hatte zu viel Text. Es war überfüllt mit Abzeichen — so viele, dass es aussah, als würde ich jede mögliche Internet-Trophäe horten. Hackathons, GitHub-Beiträge, Astro, roadmap.sh — wenn es ein Abzeichen gab, hatte ich es.",
422422+ "[GitHub](https://github.com/github): *Absolutely not.*": "[GitHub](https://github.com/github): *Auf keinen Fall.*",
423423+ "Check out the live version on my GitHub [trueberryless](https://github.com/trueb.4FFADA956CF12B9EFE9F": "Schau dir die Live-Version auf meinem GitHub [trueberryless](https://github.com/trueberryless) an — falls ich mich entscheide, es zu behalten... — und hinterlasse ein Follow, wenn du schon dort bist und es dir gefallen hat! ❤️",
424424+ "But in the end, I created a [GitHub](https://github.com/github) profile README t.2B7EC6933681A24E2F33": "Aber am Ende habe ich ein [GitHub](https://github.com/github)-Profil-README erstellt, das *nicht existieren sollte* — aber es tut es. Und ich liebe es."
425425+}
+20-2
translations/fr/githubopenaigpt-4o.json
···535535 "Now in order to create a new application in [Argo CD](https://github.com/argopro.B153A0B7CA8710DB4FF2": "Pour créer une nouvelle application dans [Argo CD](https://github.com/argoproj) (soit via l'interface utilisateur soit via la CLI — nous utilisons l'interface utilisateur car nous n'avons pas configuré la CLI), nous devons préparer le dépôt Git. Comme le dépôt est la source unique de vérité, c'est également l'endroit où nous définissons toutes les ressources Kubernetes qui devraient être créées par Argo CD.",
536536 "You'll probably see the big `NEW APP` button in the UI of [Argo CD](https://gith.8C955D38A27D41B77691": "Vous verrez probablement le grand bouton `NEW APP` dans l'interface utilisateur de [Argo CD](https://github.com/argoproj). Cliquez dessus et créez une nouvelle application avec les propriétés adaptées ci-dessous :",
537537 "Congratulations, you've successfully set up [Argo CD](https://github.com/argopro.99A2D6F9095CF50BC9D2": "Félicitations, vous avez réussi à configurer [Argo CD](https://github.com/argoproj) sur un cluster [k3s](https://github.com/k3s-io) ! Vous méritez une pause café. Savourez une tasse bien méritée, et si vous voulez partager un café virtuel avec moi, n'hésitez pas à soutenir mon travail sur [Ko-fi](https://ko-fi.com/trueberryless). Merci !",
538538- "After some time contributing I also got to know how kind and welcoming communiti.6B14A5E726DED7FDE5C1": "Après un certain temps de contributions, j'ai également découvert à quel point les communautés derrière ces projets sont aimables et accueillantes. Ces personnes ont toutes une chose en commun avec vous : elles veulent créer des choses formidables pendant leur temps libre. En particulier, la communauté [Astro](https://github.com/withastro) est la seule dans laquelle j'ai pris le plus de plaisir à être, car c'est la plus gratifiante et amicale à la fois. Toutes les communautés n'arrivent pas à atteindre un tel statut parmi l'open source."
539539-}
538538+ "After some time contributing I also got to know how kind and welcoming communiti.6B14A5E726DED7FDE5C1": "Après un certain temps de contributions, j'ai également découvert à quel point les communautés derrière ces projets sont aimables et accueillantes. Ces personnes ont toutes une chose en commun avec vous : elles veulent créer des choses formidables pendant leur temps libre. En particulier, la communauté [Astro](https://github.com/withastro) est la seule dans laquelle j'ai pris le plus de plaisir à être, car c'est la plus gratifiante et amicale à la fois. Toutes les communautés n'arrivent pas à atteindre un tel statut parmi l'open source.",
539539+ "Creating a standout <a class=\"gh-badge\" href=\"https://github.com/github\"><img sr.17D1AC2343D91F100D2F": "Créer un README de profil <a class=\"gh-badge\" href=\"https://github.com/github\"><img src=\"https://github.com/github.png\" alt=\"github\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">GitHub</a> remarquable ne se résume pas à ajouter quelques badges — il s’agit de repousser les limites techniques. Dans cette plongée approfondie, j'explore la manipulation SVG à bas niveau, la conversion HTML en SVG, les animations intégrées et une automatisation complète avec GitHub Actions pour concevoir ce que je crois être l'un des READMEs GitHub les plus avancés techniquement. D’une Bento Grid 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 qui se met à jour automatiquement. Vous voulez savoir comment j’ai fait ? Décortiquons cela. 🚀",
540540+ "Every great story starts with a problem, and mine was simple: my [GitHub profile.3713BD43F2A1A91BFB7E": "Chaque grande histoire commence par un problème, et le mien était simple : mon README de [profil GitHub](https://github.com/trueberryless) était un véritable chaos. Il était long. Il avait trop de texte. Il débordait de badges — tellement qu’on aurait dit que je collectionnais tous les trophées d’internet possibles. Hackathons, contributions GitHub, Astro, roadmap.sh — s'il existait un badge, je l’avais.",
541541+ "[GitHub](https://github.com/github): *Absolutely not.*": "[GitHub](https://github.com/github) : *Absolument pas.*",
542542+ "Check out the live version on my GitHub [trueberryless](https://github.com/trueb.4FFADA956CF12B9EFE9F": "Découvrez la version en direct sur mon GitHub [trueberryless](https://github.com/trueberryless) — si j’ai décidé de la garder... — et laissez un follow si vous y êtes déjà et que vous avez aimé lire ! ❤️",
543543+ "But in the end, I created a [GitHub](https://github.com/github) profile README t.2B7EC6933681A24E2F33": "Mais au final, j'ai créé un README de profil [GitHub](https://github.com/github) qui *ne devrait pas exister* — mais il existe. Et je l'adore.",
544544+ "In this post, I'll show you the evolution of <a class=\"gh-badge\" href=\"https://g.9D129B012F19E8C003CE": "Dans cet article, je vais vous montrer l'évolution des plugins <a class=\"gh-badge\" href=\"https://github.com/withastro/starlight\"><img src=\"/starlight.png\" alt=\"Starlight\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">Starlight</a> avec une étude de cas sur le plugin [Starlight Sidebar Topics](https://github.com/hideoo/starlight-sidebar-topics). Préparez-vous à découvrir des faits impressionnants sur les personnes et le code autour de Starlight.",
545545+ "In this blog post, we'll take a look at how small changes can make a big differe.B89CAF11A917536FF9BB": "Dans cet article de blog, nous examinerons comment de petits changements peuvent faire une grande différence en ce qui concerne les espaces blancs dans votre <a class=\"gh-badge\" href=\"https://github.com/withastro/starlight\"><img src=\"/starlight.png\" alt=\"Starlight\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">Starlight</a> barre latérale.",
546546+ "Learn how to create a horizontal progress indicator for your <a class=\"gh-badge\".853AB110143F35863E3F": "Apprenez à créer un indicateur de progression horizontal pour votre <a class=\"gh-badge\" href=\"https://github.com/withastro/starlight\"><img src=\"/starlight.png\" alt=\"Starlight\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">Starlight</a> site.",
547547+ "Combine two <a class=\"gh-badge\" href=\"https://github.com/withastro/starlight\"><i.B3AC5F665A364055939F": "Combinez deux plugins <a class=\"gh-badge\" href=\"https://github.com/withastro/starlight\"><img src=\"/starlight.png\" alt=\"Starlight\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">Starlight</a> Sidebar Topics pour afficher une liste de sujets sur le bureau et un menu déroulant dans la barre latérale mobile.",
548548+ "Today we'll take a look at how to set up a <a class=\"gh-badge\" href=\"https://git.B9EF7EEDFF67BE91DAB3": "Aujourd'hui, nous allons examiner comment configurer un dépôt <a class=\"gh-badge\" href=\"https://github.com/github\"><img src=\"https://github.com/github.png\" alt=\"github\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">GitHub</a> qui sera déployé sur un cluster k3s via Argo CD. En résumé, l'article inclura des fichiers de Workflow, un Dockerfile, des manifests (déploiement) et des dépôts <a class=\"gh-badge\" href=\"https://github.com/docker\"><img src=\"https://github.com/docker.png\" alt=\"Docker Hub\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">Docker Hub</a>. Veuillez consulter [notre blog sur Argo CD](./setup-argocd-for-kubernetes) car ceci sera une continuité de l'autre article.",
549549+ "In today's post, we'll take a quick look at how to set up continuous deployment .837E00D0E73247CB97BC": "Dans l'article d'aujourd'hui, nous allons examiner rapidement comment configurer le déploiement continu dans un dépôt [GitHub](https://github.com/github). Nous sommes presque certains que cette configuration fonctionne également pour d'autres registres Git, mais si vous en utilisez un autre, gardez à l'esprit que cet article est spécifiquement conçu pour GitHub.",
550550+ "This post also assumes that you use [GitHub](https://github.com/github) Actions .5387D30E9AFCFCF33E71": "Cet article suppose également que vous utilisez [GitHub](https://github.com/github) Actions combiné avec Argo CD pour déployer vos applications sur un cluster Kubernetes. Consultez nos autres [articles sur le déploiement](/blog/tags/deployment) pour des instructions supplémentaires sur la manière de configurer ces deux technologies sur votre serveur personnel.",
551551+ "Continuing to improve our k3s cluster and especially the CI/CD workflow, we now .53EE555E8D1343D2B213": "En continuant à améliorer notre cluster k3s et en particulier le workflow CI/CD, nous examinons maintenant l'outil GitOps appelé <a class=\"gh-badge\" href=\"https://github.com/argoproj\"><img src=\"https://github.com/argoproj.png\" alt=\"Argo CD\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">Argo CD</a>, et comment nous pouvons l'intégrer dans notre cluster. Notre pile technologique pour le déploiement utilise ces services: k3s, Helm, Cilium et, après ce tutoriel, également Argo CD.",
552552+ "Having read Vegard S. Hagen's article “[Argo CD Kustomize with Helm](https://blo.A0B58D0615DC386245A0": "Après avoir lu l'article de Vegard S. Hagen “[Argo CD Kustomize with Helm](https://blog.stonegarden.dev/articles/2023/09/argocd-kustomize-with-helm/)” et décidé que leur solution ne convenait pas à notre cluster, nous avons directement suivi le guide par défaut \"[Getting started](https://argo-cd.readthedocs.io/en/stable/getting_started/)\" d'Argo CD. Nous allons maintenant partager avec vous les détails de la configuration d'[Argo CD](https://github.com/argoproj) sur [k3s](https://github.com/k3s-io) et [Cilium](https://github.com/cilium), en poursuivant depuis le chapitre “[Setup Certificate Manager with Cloudflare](/blog/setup-kubernetes-with-cilium-and-cloudflare#setup-certificate-manager-with-cloudflare)” de notre récent article “[Setting up Kubernetes with Cilium and Cloudflare](/blog/setup-kubernetes-with-cilium-and-cloudflare)”. Dans cet article récent, nous avions également configuré [Keel](https://github.com/keel-hq) à la fin, mais cette étape ne sera désormais plus nécessaire, car nous utiliserons Argo CD pour récupérer le dernier code de pointe de chaque dépôt [GitHub](https://github.com/github). Bonne lecture !",
553553+ "These files are basically the exact same files mentioned in the [other post](/bl.A6639A930D5E316FA4EB": "Ces fichiers sont en gros les mêmes que ceux mentionnés dans [l'autre article](/blog/setup-kubernetes-with-cilium-and-cloudflare#example-app-mutanuq) mais séparés en quatre fichiers, car cela nous donne l'avantage de manipuler le manifeste depuis [GitHub](https://github.com/github) Actions. Mais commençons par les bases, vous verrez dans [le prochain article](/blog/setup-continuous-integration-github-repository) comment configurer le manifeste avec les actions GitHub.",
554554+ "Be continued for our [next blog](/blog/setup-continuous-integration-github-repos.C6E6C542B1FAA026061D": "À suivre dans notre [prochain article de blog](/blog/setup-continuous-integration-github-repository) qui décrira comment configurer un dépôt [GitHub](https://github.com/github) qui pourra ensuite être déployé via Argo CD.",
555555+ "<p>I have been working in OSS on <a class=\"gh-badge\" href=\"https://github.com/gi.6EF2AFB6F1BF15797F52": "<p>Je travaille dans l'OSS sur <a class=\"gh-badge\" href=\"https://github.com/github\"><img src=\"https://github.com/github.png\" alt=\"github\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">GitHub</a> depuis plus d'un an maintenant et bien que je pensais avoir trouvé tout ce à quoi je voulais contribuer, j'ai récemment découvert le projet personnel de <a class=\"gh-badge\" href=\"https://github.com/pelikhan\"><img src=\"https://github.com/pelikhan.png\" alt=\"pelikhan\" width=\"16\" height=\"16\" style=\"border-radius:9999px;vertical-align:middle;margin-right:0.4em;\">Peli</a> <a href=\"https://github.com/pelikhan/action-continuous-translation\">action-continuous-translation</a> et je suis très heureux d'avoir commencé à y contribuer régulièrement et de faire maintenant partie de cette petite communauté.</p>",
556556+ "Peli and I have our virtual productivity sessions between 4pm and 8pm UTC, exten.51E309B378285EAEEA84": "Peli et moi avons nos sessions de productivité virtuelle entre 16h et 20h UTC, qui se prolongent davantage les week-ends. Donc, si vous voulez nous rejoindre en tant que pionnier du projet ou si vous êtes intéressé à l'utiliser, n'hésitez pas à le consulter sur [GitHub](https://github.com/github) : [https://github.com/pelikhan/action-continuous-translation](https://github.com/pelikhan/action-continuous-translation)"
557557+}