- 创建一个和你的 GitHub 用户名同名的仓库
- 在仓库里创建
README.md - 从下面选一个模板,复制粘贴
- 修改成你自己的信息
### 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
<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>## 👨💻 About Me
| 项目 | 详情 |
|------|------|
| 🏢 公司 | XX科技 |
| 💼 职位 | 前端工程师 |
| 📍 城市 | 北京 |
| 🛠 技术栈 | React / TypeScript / Node.js |
| 📧 邮箱 | your@email.com |
| 🌐 博客 | [blog.example.com](https://blog.example.com) |
## 📌 Pinned Projects
| 项目 | Stars | 说明 |
|------|-------|------|
| [项目1](link) |  | 项目简介 |
| [项目2](link) |  | 项目简介 |<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
<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
[](https://git.io/typing-svg)<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 |
⭐ 觉得有用就点 Star · 欢迎 PR 贡献你的模板