Der GitHub-Profil-Trick

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Monica Powell hat neulich einen wirklich coolen Trick geteilt

Das Profil-README wird erstellt, indem ein neues Repository mit demselben Namen wie dein Benutzername angelegt wird. Mein GitHub-Benutzername ist zum Beispiel m0nica, also habe ich ein neues Repository mit dem Namen m0nica erstellt.

Nun ist die README.md aus diesem Repo im Grunde die Homepage ihres Profils. Oberhalb der üblichen Liste beliebter Repos siehst du die gerenderte Version dieses READMEs auf ihrem Profil

Ich mache das mal ganz schnell in einer super einfachen Version für mich selbst, nur um es auszuprobieren...

OK, ich fange so an

Screenshot of the default profile page for Chris Coyier.

Dann gehe ich zu repo.new (hey, CodePen hat auch eine dieser coolen Domains!) und erstelle ein Repo auf meinem persönlichen Konto, das exakt denselben Namen wie mein Benutzername hat.

Screenshot showing the create new repo screen on GitHub. The repository name is set to chriscoyier.

Ich habe mich entschieden, das Repo mit einer README-Datei zu initialisieren und sonst nichts. Sofort erhalte ich also

Screenshot of the code section of the chriscoyier repo, which only contains a read me file that says hi there.

Ich kann das direkt im Web bearbeiten und wenn ich das tue, sehe ich hilfreichere Dinge.

Screenshot of editing the read me file directly in GitHub.

Glücklicherweise hat meine persönliche Website eine Markdown-Bio bereit zur Nutzung!

Screenshot of Chris Coyier's personal website homepage. It has a dark background and a large picture of Chris wearing a red CodePen hat next to some text welcoming people to the site.

Ich kopiere und füge das einfach mal ein.

Screenshot showing the Markdown code from the personal website in the GitHub editor.

Nachdem ich diese Änderung committet habe, zeigt mein eigenes Profil sie an!

Screenshot of the updated GitHub profile page, showing the welcome text from the personal website homepage.

Vielleicht beschäftige ich mich irgendwann mal mit etwas Lustigerem. Monicas Beitrag hat eine Menge lustiger Beispiele. Mein Favorit ist Kaya Thomas' Profil, das ich Jina Anne teilen sah.

Man kann dort kein CSS verwenden (da GitHub es herausfiltert), daher liebe ich die Genialität, altmodische <img align="right"> zu verwenden, um den schwebenden Bild-Look zu erzielen.