GitHub Card User Guide
Transform your GitHub profile into beautiful shareable cards, showcasing your development achievements and contributions
Contents
Project Introduction
GitHub Card is a tool designed specifically for developers to transform your GitHub profile and contribution data into beautiful visualization cards.
These cards can be shared on social media, displayed on your personal website, or used in your resume to showcase your development achievements.
GitHub Card offers various template styles, supports real-time data updates, and allows for easy sharing of your cards via links or images.
Process Conversion
Beautiful CardRegistration and Login
Login with GitHub Account
- Visit the GitHub Card homepage
- Click the “Login” button in the top right corner
- The system will direct you to the GitHub authorization page
- After confirming authorization, you will automatically return to the GitHub Card website
Note: GitHub Card needs access to your basic GitHub profile information and contribution data, but will not obtain or store your sensitive information. The authorization process is completely secure and complies with GitHub OAuth standards.
Main Features
Create Personal GitHub Cards
After successful login, the system will automatically retrieve your GitHub data, including:
Includes username, avatar, and personal bio
Shows number of repositories, stars received, and followers
Displays your contribution heatmap and total contributions
This data will be used to generate your personalized GitHub card, making it easy to showcase your coding activity and development achievements.
Choose Template Style
GitHub Card offers three beautiful templates, each with different layouts and design styles.
Contribute Template
- Highlights your GitHub contribution heatmap
- Prominently displays total contributions and activity
- Perfect for showcasing your coding consistency and activity
Linktree Template
- Concisely displays your profile and key statistics
- Provides a social media-style link layout
- Ideal as a personal homepage or for sharing on social media
Flomo Template
- Uses a card-based design inspired by popular note-taking apps
- Beautiful typography highlighting personal statistics
- Suitable for personal brand presentation
Steps to choose a template:
- Click on any template card in the “Template Gallery” area on the homepage
- Click the “Use Template” button
- The system will generate a preview showing how your personal data looks in that template
Leaderboard Feature
GitHub Card has a contribution leaderboard that ranks platform users by their contribution level.
View Leaderboard
- Click the “Leaderboard” link in the navigation bar
- The system will display the top 20 users sorted by contribution score
- If you're not in the top 20, your ranking information will be shown separately at the bottom of the page
Contribution Levels
The system categorizes users into the following levels based on contribution scores:
- Level S: Top contributors (top 1%)
- Level A: Excellent contributors (top 10%)
- Level B: Active contributors (top 25%)
- Level C: Regular contributors (top 50%)
- Level D: New contributors (others)
Contribution Leaderboard
The leaderboard updates automatically every hour to ensure data timeliness
Frequently Asked Questions
How often is my GitHub data updated?
Your GitHub data is automatically updated each time you generate a card. The system caches data for 24 hours to reduce GitHub API calls and improve performance.
How long are share links valid?
Share links are valid for 3 days. After expiration, accessing the link will display an expiration message.
Can I customize the card content?
Currently, card content is automatically generated based on your GitHub data. We're developing more customization options, stay tuned.
Why does my contribution heatmap look different from the one on GitHub?
GitHub Card uses the GitHub API to get your contribution data, which may differ slightly from what is displayed on the GitHub website, especially in terms of time zones and recent contributions.
The total contributions shown on the card don't match those on my GitHub profile?
GitHub Card calculates your total contributions over all time, while the GitHub profile page typically shows contributions within a year.
How is my ranking calculated?
Rankings are based on a comprehensive algorithm that considers your total contributions, repository star count, number of followers, account age, and other factors to provide a more complete assessment of activity.