{"id":317762,"date":"2020-07-27T17:19:59","date_gmt":"2020-07-28T00:19:59","guid":{"rendered":"https:\/\/css-tricks.com\/?p=317762"},"modified":"2020-07-29T07:22:34","modified_gmt":"2020-07-29T14:22:34","slug":"the-github-profile-trick","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/the-github-profile-trick\/","title":{"rendered":"The GitHub Profile Trick"},"content":{"rendered":"\n

Monica Powell shared a really cool trick<\/a> the other day:<\/p>\n\n\n\n

The profile README is created by creating a new repository that\u2019s the same name as your username. For example, my GitHub username is m0nica so I created a new repository with the name m0nica.<\/p><\/blockquote>\n\n\n\n\n\n\n\n

Now the README.md<\/code> from that repo is essentially the homepage of her profile. Above the usual list of popular repos, you can see the rendered version of that README on her profile<\/a>:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Lemme do a super simple version for myself real quick just to try it out… <\/p>\n\n\n\n

OK, I start like this:<\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

Then I’ll to go repo.new<\/a> (hey, CodePen has one of those cool domains<\/a> too!) and make a repo on my personal account that is exactly the same as my username:<\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

I chose to initialize the repo with a README file and nothing else. So immediately I get:<\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

I can edit this directly on the web, and if I do, I see more helpful stuff: <\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

Fortunately, my personal website has a Markdown bio ready to use! <\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

I’ll copy and paste that over.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

After committing that change, my own profile shows it!<\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n

Maybe I’ll get around to doing something more fun with it someday. Monica’s post<\/a> has a bunch of fun examples in it. My favorite is Kaya Thomas’ profile, which I saw Jina Anne share:<\/p>\n\n\n\n

Inspired by @waterproofheart<\/a>, I created a README for my @github<\/a> profile! Illustrations by the amazing @yess_esse<\/a> 😃

Really like that we can personalize our profiles like this now! pic.twitter.com\/uOTheewnK9<\/a><\/p>\u2014 Kaya Thomas (@kthomas901) July 20, 2020<\/a><\/blockquote>