What is Github?
GitHub is a distributed version-control platform where users can collaborate on or adopt open source code projects, fork code, share ideas, and more. It is an open-source code hosting platform for collaboration and version control.
By default GitHub profile looks like this, recently Github has provided a feature to modify our Github profiles by using some simple piece of code.
Now, well make our profile from default to a customized profile. So, let’s get started.
If you dont have a Github account create your account from here.
After creating a Github account, Go to Repositories and create a new repository with the name the same as your username. ie: if you have a username as “LokeshD” your repository name should be the same ( “LokeshD” ).
When you keep Repository name same as owner name you will see a text “You found a secret! 170030262/170030262 is a ✨special ✨ repository that you can use to add to your GitHub profile. Make sure it’s public and initialize it with a README to get started”. It says that you should keep the Repository public and check the ” Initialize this repository with a README ” checkbox.
After making this click on “Create repository” then your Repository will be ready with a readme.MD file within a few seconds.
Now we will add some interesting content to our profile by making changes to the readme.MD file. Click on README.md and edit the file to make changes.
After opening the file it will look like this .
I have changed according to my interest. you can add anything to readme document.
After my first commit went to my profile to see the changes in my profile.
Blog post workflow
This blog post workflow code has been developed by gautamkrishnar taken from here.
If you’re having any blogs or youtube channels you can workflow them to your GitHub so that if anyone views your GitHub and want to view your blog posts they can directly view them by clicking on the post URL.
For creating a workflow you need to create a folder named ” .github/workflows/ ” and then give the file name with the extension “yml”. So, I have a blog and I want to have my blog posts to the GitHub profile and I have created a yml file by clicking on the create a new file. Give the file name with the yml extension and commit the changes.
Now open the “blog-post-workflow.yml” and enter the code below and change the feed URL of your blog.
name: Latest blog post workflow
on:
schedule:
# Runs every hour
- cron: '0 * * * *'
workflow_dispatch:
jobs:
update-readme-with-blog:
name: Update this repo's README with latest blog posts
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: gautamkrishnar/blog-post-workflow@master
with:
feed_list: "https://www.amazingtricks.in/feed/"
commit the work and go to readme file and enter the following code .
### ???? Latest Blog posts
<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->
After typing this code in the readme commit the changes and goto the actions tab in the GitHub Repository and click on the Latest blog-post-workflow and click on run workflow and run it. After running it your profile will be viewed like this.
GitHub Stats Card
Add the stats for the profile by typing this code in the readme.md file. Change the username and name of the stats bar.
This stats is implemented by Anurag Hazra you can visit his profile from here.
![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
Hiding individual stats
To hide any specific stats, you can pass a query parameter ?hide=
with comma separated values.
Options: &hide=stars,commits,prs,issues,contribs
![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs)
Adding private contributions count to total commits count
You can add the count of all your private contributions to the total commits count by using the query parameter ?count_private=true
![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&count_private=true)
Themes
With inbuilt themes you can customize the look of the card without doing any manual customization.
Use ?theme=THEME_NAME
parameter like so :-
![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
All inbuilt themes :-
dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula
After adding stats my profiles looks like this
GitHub Extra Pins
GitHub extra pins allow you to pin more than 6 repositories in your profile using a GitHub readme profile.
Yey! You are no longer limited to 6 pinned repositories.
Usage
Copy-paste this code into your readme and change the links.
Endpoint: api/pin?username=anuraghazra&repo=github-readme-stats
[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)
Demo
Top Languages Card
Top languages card shows github user’s top langauges which has been mostly used.
NOTE: Top languages do not indicate my skill level or something like that, it’s a GitHub metric of which languages i have the most code on GitHub, it’s a new feature of GitHub-readme-stats
Usage
Copy-paste this code into your readme and change the links and username.
Endpoint: api/top-langs?username=anuraghazra
[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
Hide individual languages
You can use ?hide=language1,language2
parameter to hide individual languages.
[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide=javascript,html)](https://github.com/anuraghazra/github-readme-stats)
Compact Language Card Layout
You can use the &layout=compact
option to change the card design.
[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact)](https://github.com/anuraghazra/github-readme-stats)
Demo
- Compact layout
Finally my profile looks very nice..! Now go youself and make your profile to next level. Here is my Github ProfileURL