Craft Your GitHub Profile Page in 60 Seconds with Zero Code, Absolutely Free

Project me is the easiest way to create your profile page from GiHub for free.

All your profile information will be accessed through the public GitHub API.

So, have your GitHub registration properly filled out.
That way you don’t need to make any code changes. 🤖

You don’t need to have infrastructure costs the availability will be made by gh-pages free of charge. 🤑

You will have a link to share on your social networks with SEO’s meta tags. will also be indexed by the google search engine.

Features

• Show basic profile (login, name and bio)
• Show company, location, blog and twitter
• Number of followers
• Count of public repos
• Account created at
• List of repos with the tag
• Progressive Web App (PWA)
• SEO’s meta tags
• Deploy using gh-pages

How to create your profile page?

To create your own profile follow the steps below.
Basically, just fork me project to your github.

Follow the steps:

1. Create a fork
2. Enable Github Actions
3. Run deploy to Pages
4. Access your profile page in https://<username>.github.io/me

Details of the steps

1. Create a fork

To create a fork of this project access https://github.com/rafaelbmateus/me/fork and click in “Create fork” button.

2. Enable Github Actions

By default actions are not automatically enabled for forks.
Select Actions in your repository forked and click in
“I understand my workflows, go ahead and enable them”.

3. Run deploy to Pages

Select “Deploy static content to Pages” Workflow, click in “Run workflow”, use workflow from Branch: main and click in “Run workflow”.

Check if deploy static content to Pages workflow run completed successfully.

4. Access your profile page

Access your profile page in https://<username>.github.io/me/.

Change <username> with your github user. Like: https://github.com/rafaelbmateus the username is rafaelbmateus.

How show the repositories?

The repositories you want to appear in your profile page’s project catalog put the me tag.

You can change the tag to another one you prefer
but you will need to change a line of code assets/js/github.js#L6.

GitHub API

The HTML fields are filled using data from GitHub.

The endpoint used are:

• api.github.com/users/:user
• api.github.com/users/:user/repos

Running localhost

Clone repository

<span>git clone git@github.com:rafaelbmateus/me.git cd me </span>
<span>git clone git@github.com:rafaelbmateus/me.git cd me </span>
git clone git@github.com:rafaelbmateus/me.git cd me 

Enter fullscreen mode Exit fullscreen mode

Build the page using:

<span>GITHUB_USERNAME=<username></span><span> </span>python3 builder/main.py
<span>GITHUB_USERNAME=<username></span><span> </span>python3 builder/main.py
GITHUB_USERNAME=<username> python3 builder/main.py

Enter fullscreen mode Exit fullscreen mode

Others profile pages builders

If you want something more powerful take a look at the projects:

• Docusaurus
• Hugo
• Jekyll
• Gatsby
• DeveloperFolio

it will probably take you more than 1 minute to deploy.

原文链接：Craft Your GitHub Profile Page in 60 Seconds with Zero Code, Absolutely Free