<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Zhedong Cen</title>
    <description>The latest articles on DEV Community by Zhedong Cen (@aopstudio).</description>
    <link>https://dev.to/aopstudio</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3508408%2F4cbc5a16-3fc0-46dd-a35d-92a201b69b31.jpeg</url>
      <title>DEV Community: Zhedong Cen</title>
      <link>https://dev.to/aopstudio</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/aopstudio"/>
    <language>en</language>
    <item>
      <title>How to Create and Customize Your GitHub Profile Repository</title>
      <dc:creator>Zhedong Cen</dc:creator>
      <pubDate>Wed, 17 Sep 2025 08:04:07 +0000</pubDate>
      <link>https://dev.to/aopstudio/how-to-create-and-customize-your-github-profile-repository-144o</link>
      <guid>https://dev.to/aopstudio/how-to-create-and-customize-your-github-profile-repository-144o</guid>
      <description>&lt;p&gt;GitHub introduced a small but powerful feature in &lt;strong&gt;July 2020&lt;/strong&gt; called the &lt;strong&gt;“Special repository for your profile”&lt;/strong&gt;. This allows you to create a public repository with the &lt;strong&gt;exact same name as your GitHub username&lt;/strong&gt;. The README.md of this repository will be displayed at the top of your profile page.&lt;/p&gt;

&lt;p&gt;Before this feature existed, GitHub profiles only showed personal information in a small left-hand panel, while the majority of the page was occupied by repositories, contributions, and activity. With a GitHub Profile repository, you can now showcase flashy effects, personal introductions, and more directly on your profile—perfect for those who enjoy customizing their page.&lt;/p&gt;

&lt;p&gt;Although this feature has been around for 5 years, I just discovered it recently and found it really fun. In this blog, I’ll share how to enable this feature and spruce up your profile page.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 1: Create a Repository
&lt;/h2&gt;

&lt;p&gt;First, you need to create a repository with the &lt;strong&gt;exact same name as your username&lt;/strong&gt; (not your nickname). When creating the repository, GitHub will show a confirmation message indicating that you’ve successfully enabled your special repository.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8n1swtn4nsyqibr6iuoi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8n1swtn4nsyqibr6iuoi.png" alt="GitHub Profile Repo Creation Prompt" width="800" height="348"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Make sure to &lt;strong&gt;enable the “Add a README file” option&lt;/strong&gt; during creation:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmwza9kfszx8mtytdhv8h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmwza9kfszx8mtytdhv8h.png" alt="Enable README" width="800" height="86"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 2: Verify on Your Profile
&lt;/h2&gt;

&lt;p&gt;Once the repository is created, go back to your GitHub profile. You’ll see your default README content displayed at the top of your page:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftlsum9955lvc6atroqsg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftlsum9955lvc6atroqsg.png" alt="Profile README Display" width="800" height="240"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 3: Add Some Cool Widgets
&lt;/h2&gt;

&lt;p&gt;After creating your repository, any edits you make to the README will automatically update your profile page. To make your profile more eye-catching, here are some popular tools and widgets:&lt;/p&gt;

&lt;h3&gt;
  
  
  1. &lt;a href="https://github.com/anuraghazra/github-readme-stats" rel="noopener noreferrer"&gt;GitHub Readme Stats&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Display your GitHub stats in a neat chart format. Add the following line to your README (replace &lt;code&gt;username&lt;/code&gt; with your own):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nv"&gt;![Anurag's GitHub stats&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;https://github-readme-stats.vercel.app/api?username=anuraghazra&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;](https://github.com/anuraghazra/github-readme-stats)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Example output:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmbshb1kmju0hc8ovle62.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmbshb1kmju0hc8ovle62.png" alt="GitHub Stats Example" width="800" height="637"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can also customize the theme colors via parameters.&lt;/p&gt;




&lt;h3&gt;
  
  
  2. &lt;a href="https://github.com/DenverCoder1/github-readme-streak-stats" rel="noopener noreferrer"&gt;GitHub Streak Stats&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Show your contribution streaks with a visual chart. Add this to your README (replace &lt;code&gt;user&lt;/code&gt; with your username):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nv"&gt;![GitHub Streak&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;https://streak-stats.demolab.com/?user=DenverCoder1&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;](https://git.io/streak-stats)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Example output:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F69ymd1o6700hnsv523eg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F69ymd1o6700hnsv523eg.png" alt="Streak Stats Example" width="495" height="195"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Theme customization is also supported.&lt;/p&gt;




&lt;h3&gt;
  
  
  3. &lt;a href="https://github.com/ryo-ma/github-profile-trophy" rel="noopener noreferrer"&gt;GitHub Profile Trophy&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Showcase your GitHub achievements as trophy badges. Add this to your README (replace &lt;code&gt;username&lt;/code&gt; with your own):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nv"&gt;![trophy&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;https://github-profile-trophy.vercel.app/?username=ryo-ma&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;](https://github.com/ryo-ma/github-profile-trophy)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Example output:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fysigv1r6ifyrghtd3ase.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fysigv1r6ifyrghtd3ase.png" alt="Trophy Example" width="800" height="136"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  4. &lt;a href="https://skillicons.dev" rel="noopener noreferrer"&gt;Skill Icons&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Display your software development skills using icons. Copy the icon links from the website and paste them in your README:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fusotei0pz851ea4ka72y.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fusotei0pz851ea4ka72y.png" alt="Skill Icons Example" width="800" height="404"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Full usage instructions: &lt;a href="https://github.com/tandpfun/skill-icons" rel="noopener noreferrer"&gt;skill-icons GitHub&lt;/a&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  5. &lt;a href="https://github.com/rahuldkjain/github-profile-readme-generator" rel="noopener noreferrer"&gt;GitHub Profile Readme Generator&lt;/a&gt;
&lt;/h3&gt;

&lt;p&gt;Automatically generate a visually appealing README for your profile by filling out information on this site: &lt;a href="https://rahuldkjain.github.io/gh-profile-readme-generator/" rel="noopener noreferrer"&gt;Generator Website&lt;/a&gt;. No manual editing required.&lt;/p&gt;




&lt;h3&gt;
  
  
  6. Awesome Profile README Collections
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/abhisheknaiidu/awesome-github-profile-readme" rel="noopener noreferrer"&gt;abhisheknaiidu/awesome-github-profile-readme&lt;/a&gt; – A collection of great GitHub profile examples for inspiration.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/durgeshsamariya/awesome-github-profile-readme-templates" rel="noopener noreferrer"&gt;durgeshsamariya/awesome-github-profile-readme-templates&lt;/a&gt; – Another collection of profile README templates, updated more recently.&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;With these tools, you can turn your GitHub profile into a visually appealing, informative page that highlights your skills, activity, and achievements. Have fun customizing!&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
