Hello, I’m fishskin.

My brother Abba is also learning programming. Some time ago, he just got in touch with GitHub, an open source platform of code, and then followed me.

When he saw my GitHub page, he got excited and asked, “Brother, why is your GitHub page so cool?”

I was about to explain, but little Abba almost made me laugh with his next question.

“Brother, are you open source?”

I’m sorry I let you down. I don’t deserve it.

There are plenty of GitHub operations and resources to make you look like an open source guru!

Share with you below.

Customizing personal Homepage

Start by teaching people how to customize their profiles to help other developers quickly get to know you and your project and get noticed.

Create a repository with the same username as your GitHub username:

To access the repository, GitHub’s hidden eggs, just create a readme.md file and type in what you want to display on the home page.

So what about the personal stats cards on my home page?

There’s an open source project to get dynamically generated GitHub statistics in your README!

Github -readme-stats project name: Github -readme-stats

Address: github.com/anuraghazra…

This project provides many features, such as statistics cards, more tops, language cards and so on:

It’s easy to find the functions you need, copy each function to your readme. md, and modify the parameters of the hyperlink to further customize it.

buttons

There are many small badges on GitHub’s introduction pages for well-known projects, such as Alibaba’s Ant Design:

If you look more closely, you’ll notice that these little badges are surprisingly consistent in style! So how does this work?

Use this project: Shields. IO

Address: shields. IO /

It can generate high quality small badge ICONS for your open source projects, directly copy links to use.

By default, there are many small badges related to statistics, such as the number of items downloaded:

Can also input content and color, one key generation!

Support many different styles, very Ollie give!

In addition to Shields. IO, there is a project dedicated to generating visitor count badges that can be used by pasting a line of code directly into a readme.md file.

Project: Visitor Badge

Address: the visitor – badge. Glitch. Me /

Star history

If you want to count and show star trends for one of your projects, you can use these two tools.

1. Star History

Address: star – history. T9t. IO

Enter the warehouse name to automatically generate the STAR growth curve, and enter multiple warehouses to view the project comparison:

If you don’t like this style, try this tool.

2. GitHub Star History

Address: codetabs.com/github-star…

Completely consistent with the previous tool usage, more rounded style.

Sharing corner mark

If your GitHub project has a corresponding website and you want to redirect users to GitHub to get the star. Then try this project!

Project: GitHub Corners

Address: tholman.com/github-corn…

It can help you generate code to add GitHub tags to your site by selecting a style, copying the code into your project’s home file, and replacing the hyperlink with your repository address.

Your GitHub story

After a year of coding, it’s time to review your commit record. GitHub has built in annual commit statistics.

However, this statistics is not cool enough, recommend the following project.

Project: GitHub Skyline

Address: skyline.github.com/

Enter your GitHub username and the year you want to view it, and it will automatically generate cool 3D models for your GitHub!

Unfortunately, I only had half of this model. During that time, I would brush several algorithm problems every day. If you want to build a skyscraper, you still have to work hard to submit the code!

Thanks to the participants

Every participant in an open source project deserves to be noted and thanked. The traditional way is for the open source project leader to record the participant’s name in the readme.md file one by one, which is very inefficient and may not be added later.

You can add project contributors in a more efficient, automated way.

Project: All Molecule

Address: allcontributors.org/

This project allows you to automatically add project contributors to the project documentation using either a command line or a robot, and generate beautifully formatted tables that look like this:

Use it to warm up your project

With these, you can not only decorate your GitHub homepage, improve your profile, but also have the motivation to open source. You can also beautify your project documents to attract more people’s stars. Content is king, but the card is also very important!

Little Abba: “Learned! Brother, you are a loser.”

Have a great weekend! If it helps, just give it a thumbs up and go