按照以下简单步骤，自定义 GitHub 个人资料中的 Readme.md 文件，让它看起来更美观。我还添加了一些很酷的元素来增添趣味！
如果您的 GitHub 个人资料看起来像这样👇...
将其变成像这样👇甚至更酷的东西！
有很多开源元素可以用来打造美观的个人资料页面。以下是一些资源列表，可供您选择！
anuraghazra / github-readme-stats
ryo-ma / github-profile-trophy
🏆 在你的 README 中添加动态生成的 GitHub Stat Trophies
您可以免费使用此服务。我正在寻找赞助商来帮助我们维持这项服务❤️
将以下代码添加到您的自述文件中。将代码粘贴到您的个人资料的自述文件中时，请将?username=值更改为您的 GitHub 用户名。
后端开发教程 - Java、Spring Boot 实战 - msg200.com
[](https://github.com/ryo-ma/github-profile-trophy)
添加主题的可选参数。
[](https://github.com/ryo-ma/github-profile-trophy)
排名是SSS SS S AAA AA A B C UNKNOWN SECRET。
| 秩 | 描述 |
|---|---|
| SSS，SS，S | 你已达到难以企及的级别。你可以炫耀一下了。 |
| AAA，AA，A | 只要努力就能达到这个排名。先瞄准这里吧。 |
| B、C | 你目前进步很大。让我们把目标定得更高一些。 |
| 未知 | 你还没行动，我们先行动起来吧。 |
| 秘密 | 这个等级非常罕见。奖杯不会 |
[](your GitHub link)
<img align="right" alt="Coding" width="400" src="add your link
here">
<h3 align="left">Connect with me:</h3>
<p align="left">
<a href="your link" target="blank"><img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/twitter.svg" alt="" height="30" width="40" /></a>
<a href="your link" target="blank"><img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/linkedin.svg" alt="" height="30" width="40" /></a>
<a href="your link" target="blank"><img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/instagram.svg" alt="" height="30" width="40" /></a>
<a href="your link" target="blank"><img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/youtube.svg" alt="" height="30" width="40" /></a>
</p>
<h3 align="left">Languages and Tools:</h3>
<p align="left"> <a href="https://www.cprogramming.com/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/c/c-original.svg" alt="c" width="40" height="40"/> </a> <a href="https://www.w3schools.com/cpp/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/cplusplus/cplusplus-original.svg" alt="cplusplus" width="40" height="40"/> </a> <a href="https://www.w3schools.com/css/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> </a> <a href="https://www.figma.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/figma/figma-icon.svg" alt="figma" width="40" height="40"/> </a> <a href="https://flutter.dev" target="_blank"> <img src="https://www.vectorlogo.zone/logos/flutterio/flutterio-icon.svg" alt="flutter" width="40" height="40"/> </a> <a href="https://git-scm.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40"/> </a> <a href="https://www.w3.org/html/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a> <a href="https://www.linux.org/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/linux/linux-original.svg" alt="linux" width="40" height="40"/> </a> <a href="https://www.photoshop.com/en" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/photoshop/photoshop-plain.svg" alt="photoshop" width="40" height="40"/> </a> <a href="https://www.python.org" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/python/python-original.svg" alt="python" width="40" height="40"/> </a> </p>
Customize it here 👉 [Click me!](http://github-readme-streak-stats.herokuapp.com/demo/)
_________________________________________________________________
#### Spotify playing
JeffreyCA
/
spotify-recently-played-readme
Display your recently played Spotify tracks on your GitHub profile README.
Spotify Recently Played README
Display your recently played Spotify tracks on your GitHub profile README. Powered by Vercel.
Check out lastfm-recently-played-readme for a similar integration for Last.fm scrobbles.
Getting Started
Click the button below to connect your Spotify account with the Vercel app. This is needed to access your recently played tracks.
By authorizing the app, you agree to have your Spotify username, access token, and refresh token stored on a secure Firebase database. This is required so you only need to authorize once and the app can automatically refresh access tokens in order to retrieve recent tracks.
You can revoke the app at https://www.spotify.com/account/apps.
After granting permission, just add the following into your README and set the user query parameter to your Spotify username.
Link to Spotify profile
Use the following snippet to make the widget link to your…
Badges - Shields
Languages,tools and social icons badges
Readme Typing SVG ⌨️
Views counter
antonkomarev
/
github-profile-views-counter
It counts how many times your GitHub profile has been viewed. Free cloud micro-service.
GitHub Profile Views Counter
Introduction
Try Ÿ HŸPE service as the more robust and feature rich solution.
GHPVС project is proof of concept. This counter designed to be an analytical instrument for you, but not for people who are visiting your profile It could be used to see profile views dynamics as result of development activity, blogging or taking part in a conference.
It counts how many times your GitHub profile has been viewed and displays them in your profile, for free.
Usage
Cloud solution launched as 100% free experience. Help me cut server costs if you like this service.
If you want to see big numbers in your profile, deploy a standalone solution to draw any views count you want without spamming our server. Everybody knows that any counters could be faked.
A billion fake profile views doesn't make you a very popular person, it makes you a person…
_________________________________________________________________
#### Blog Post workflow
gautamkrishnar
/
blog-post-workflow
Show your latest blog posts from any sources or StackOverflow activity or Youtube Videos on your GitHub profile/project readme automatically using the RSS feed
Blog post workflow
How to use
-
Star this repo 😉
-
Go to your repository
-
Add the following section to your README.md file, you can give whatever title you want. Just make sure that you use <!-- BLOG-POST-LIST:START --><!-- BLOG-POST-LIST:END --> in your readme. The workflow will replace this comment with the actual blog post list:
# Blog posts
<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->
-
Create a folder named .github and create a workflows folder inside it, if it doesn't exist.
-
Create a new file named blog-post-workflow.yml with the following contents inside the workflows folder:
name: Latest blog post workflow
on
schedule: # Run workflow automatically
- cron: '0 * * * *' # Runs every hour, on the hour
workflow_dispatch: # Run workflow manually (without waiting for the cron to be called), through the GitHub Actions Workflow page directly
permissions:
contents:
…
_________________________________________________________________
#### Add emojis - [Markdown Icons](https://gist.github.com/rxaviers/7360908)
_________________________________________________________________
#### README Jokes 👀
ABSphreak
/
readme-jokes
😄 Jokes for your GitHub READMEs
README Jokes
Random programming jokes on your README.
Usage
Endpoint URL: https://readme-jokes.vercel.app/api
Embed one of these in your README:
<!-- Markdown -->
or
<!-- HTML -->
<img src="https://readme-jokes.vercel.app/api" alt="Jokes Card" />
Customization Guide
Customize using ? after /api in the https link, example here with no borders using the hideBorder parameter.
Markdown method: 
Image method: <img src="https://readme-jokes.vercel.app/api?hideBorder" alt="Jokes Card" />
Both methods will produce the following jokes card without border: 
To use multiple parameters use '&' after the first parameter, e.g. ?hideBorder&theme=cobalt&qColor=%23944bcc&aColor=%23bbdb51
will produce a jokes card without border, with cobalt theme, answer color #944bcc and question color #bbdb51 like so:
Parameters Available
bgColor → Background ColorborderColor → Border ColorqColor → Question ColoraColor → Answer ColortextColor → Normal text ColorcodeColor → Code…
_________________________________________________________________
#### README Quotes ❝
PiyushSuthar
/
github-readme-quotes
🔥 Add Programming Quotes To Your GitHub Readme
Github Readme Quotes
Developer Quotes for your Github Readme.
Features ✨
Usage ⚡️
Copy the markdown below and paste it in your Github Readme.
[](https://github.com/piyushsuthar/github-readme-quotes)
Options
Options
Default
Available
type
vertical
horizontal, vertical
theme
light
dark, chartreuse-dark, radical, merko, gruvbox, tokyonight, algolia, monokai, dracula, nord
quote
-
Customize your quote
author
-
The name of the quote's author
border
false
true, false
Installation and Development 🚀
To get started with developing this app locally, here are the steps:
Install the dependencies for the app using,
pnpm install
And then run the app using:
npx vercel dev
Usage
Vertical
You don't need to add ?type=vertical parameter.
Horizontal
You need to add ?type=horizontal parameter.
Border
You need to add ?border=true parameter.
Light
You don't need to add…
anmol098
/
waka-readme-stats
This GitHub action helps to add cool dev metrics to your github profile Readme
Looking For Translation to different languages & Locale #23
Dev Metrics in Readme with added feature flags 🎌
📌✨Awesome Readme Stats
Are you an early 🐤 or a night 🦉?
When are you most productive during the day?
What are languages you code in?
Let's check out in your profile readme!
Prep Work
- You need to update the markdown file(.md) with 2 comments. You can refer here for updating it.
- You'll need a WakaTime API Key. You can get that from your WakaTime Account Settings
- You can refer here, if you're new to WakaTime
- You'll need a GitHub API Token with
repo and user scope from here if you're running the action to get commit metrics
enabling the repo scope seems DANGEROUS
but this GitHub Action only accesses your commit timestamp and lines of code added or deleted in repository you contributed.
- You can…
abhisheknaiidu
/
awesome-github-profile-readme
😎 A curated list of awesome GitHub Profile which updates in real time
Awesome GitHub Profile README 
A curated list of awesome Github Profile READMEs
Loved the project? Please consider donating to help it improve!
Contents:
Categories
GitHub Actions 🤖
- Abhishek Naidu
- Thomas Guibert
- Brian Douglas
- Shawn Wang
- Simon Willison
- Mike Coutermarsh
- Michael Hoffmann (Mokkapps)
- Athul Cyriac Ajay
- Gautam Krishna R
- Roald Nefs
- Leo
- Dhruv Jain
- Erwin Lejeune
- Jessica Lim
- 侑夕-Tw93
- liununu
- Filippo Rossi (qu4k)
- Moe Poi ~
- Elon Tang (blackcater)
- Stanley Lim (Spiderpig86)
- Akshit Garg (gargakshit)
- Yufan You
- Danny Koppenhagen
- Vidya Bhandary
- Rao Hai
- Jatin Rao
- teoxoy
- Aral Roca
- codeSTACKr
- itgoyo
- lifeparticle
Game Mode 🚀
EddieHubCommunity
/
awesome-github-profiles
List of GitHub profiles that have awesome customisation, that you can use for inspiration
Note: This repository is not included in the Hacktoberfest event, as it is for practice only!
Awesome GitHub profiles
List of GitHub profiles that have awesome customization, that you can use for inspiration.
Feel free to submit a pull request with your suggestions for awesome GitHub profiles.
How can I add my GitHub profile? 🤷♀️🤷♂️
-
Create an issue, with the title as your name, and in the description put a screenshot of the customised GitHub profile page (copy the generated image URL, this will be needed in the next step). The URL will look something like this https://github.com/EddieHubCommunity/awesome-github-profiles/assets/51878265/ee31b832-d549-4df9-8ffe-24419f9d0e46
-
Fork the project, using the top right corner button, that states fork
-
Create a file named your-username.json in the directory profiles with the following content.
Your entry should be similar to this example:
{
"image": "https://user-images.githubusercontent.com/624760/91057573-48531300-e61f-11ea-9e13-2d7384e42000.png"
"issueId": 66,
"name": "Eddie Jaoude",
…
Thank you for reading!🙌
Share your amazing GitHub profile in the comments down below for the world to see! :)
Support me by liking it and sharing it for more such articles.
Like what I do? Help me pull my next all-nighter.
Consider buying me a coffee ☕.
