✨ GitHub Profile 美化模板

30+ 精选模板 · 复制粘贴 · 3分钟拥有高颜值主页

---

🚀 使用方法

1. 创建一个和你的 GitHub 用户名同名的仓库
2. 在仓库里创建 README.md
3. 从下面选一个模板，复制粘贴
4. 修改成你自己的信息

---

🎯 模板 1：简约极简风

### Hi there 👋

I'm **Your Name** — a full-stack developer.

- 🔭 Working on: [Project](link)
- 🌱 Learning: Rust & System Design
- 💬 Ask me about: React / Node.js / TypeScript
- 📫 Reach me: your@email.com

![Stats](https://github-readme-stats.vercel.app/api?username=YOUR_USERNAME&show_icons=true&theme=default)

---

🌈 模板 2：彩色炫酷风

<h1 align="center">Hi 👋, I'm Your Name</h1>
<h3 align="center">A passionate developer from China</h3>

<p align="center">
  <img src="https://komarev.com/ghpvc/?username=YOUR_USERNAME&label=Profile%20Views&color=0e75b6&style=flat">
  <a href="https://twitter.com/yourhandle"><img src="https://img.shields.io/twitter/follow/yourhandle?style=social"></a>
</p>

- 🔭 I'm currently working on **[Project Name]**
- 🌱 I'm currently learning **Rust / Go**
- 👯 I'm looking to collaborate on **Open Source Projects**
- 💬 Ask me about **React, Node.js, TypeScript**

### 🛠 Languages and Tools

<p>
  <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" width="40">
  <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/typescript/typescript-original.svg" width="40">
  <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original.svg" width="40">
  <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original.svg" width="40">
  <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" width="40">
  <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/docker/docker-original.svg" width="40">
</p>

### 📊 GitHub Stats

<p>
  <img src="https://github-readme-stats.vercel.app/api?username=YOUR_USERNAME&show_icons=true&theme=radical">
  <img src="https://github-readme-streak-stats.herokuapp.com/?user=YOUR_USERNAME&theme=radical">
</p>

---

🎨 模板 3：卡片展示风

## 👨‍💻 About Me

| 项目 | 详情 |
|------|------|
| 🏢 公司 | XX科技 |
| 💼 职位 | 前端工程师 |
| 📍 城市 | 北京 |
| 🛠 技术栈 | React / TypeScript / Node.js |
| 📧 邮箱 | your@email.com |
| 🌐 博客 | [blog.example.com](https://blog.example.com) |

## 📌 Pinned Projects

| 项目 | Stars | 说明 |
|------|-------|------|
| [项目1](link) | ![](https://img.shields.io/github/stars/YOUR_USERNAME/repo1) | 项目简介 |
| [项目2](link) | ![](https://img.shields.io/github/stars/YOUR_USERNAME/repo2) | 项目简介 |

---

📊 模板 4：统计图表风

<div align="center">
  <img src="https://github-readme-stats.vercel.app/api?username=YOUR_USERNAME&show_icons=true&count_private=true&hide_border=true">
  <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=YOUR_USERNAME&layout=compact&hide_border=true">
  <img src="https://github-readme-activity-graph.vercel.app/graph?username=YOUR_USERNAME&theme=github">
</div>

## 🏆 GitHub Trophies
![](https://github-profile-trophy.vercel.app/?username=YOUR_USERNAME&row=1)

---

🐍 模板 5：贪吃蛇动画

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/YOUR_USERNAME/YOUR_USERNAME/output/github-contribution-grid-snake-dark.svg">
  <img alt="github contribution grid snake animation" src="https://raw.githubusercontent.com/YOUR_USERNAME/YOUR_USERNAME/output/github-contribution-grid-snake.svg">
</picture>

蛇形动画需要一个 GitHub Actions 工作流自动生成。详见 Platane/snk

---

🔥 模板 6：打字机效果

[![Typing SVG](https://readme-typing-svg.herokuapp.com?font=Fira+Code&pause=1000&color=6366F1&center=true&vCenter=true&width=435&lines=Full-Stack+Developer;Open+Source+Lover;Always+Learning+New+Things)](https://git.io/typing-svg)

---

🧩 模板 7：双栏布局

<table>
<tr>
<td width="50%">
<h3 align="center">Project 1</h3>
<div align="center">
  <img src="demo.gif" width="400">
  <p>Project description here</p>
  <a href="link">View →</a>
</div>
</td>
<td width="50%">
<h3 align="center">Project 2</h3>
<div align="center">
  <img src="demo.gif" width="400">
  <p>Project description here</p>
  <a href="link">View →</a>
</div>
</td>
</tr>
</table>

---

📦 常用徽章生成器

工具	链接
Shields.io	shields.io — 万能徽章
GitHub Stats	github-readme-stats
Profile Trophy	github-profile-trophy
Activity Graph	github-activity-graph
Typing SVG	readme-typing-svg
Snake Animation	snk

---

🔗 相关推荐

• 🔥 Claude Code 资源大全
• 🛠 200+ 免费工具合集
• 📋 开发者速查表

---

⭐ 觉得有用就点 Star · 欢迎 PR 贡献你的模板