[玩转 Github] — 为你的 Github 添加一张与众不同的名片-一一网

这是我参与8月更文挑战的第2天，活动详情查看：8月更文挑战

前言

在阅读本文之前，请你打开如下两个网站看看有何不同：

网站一：你自己的 Github
网站二：前端周同学的 Github

打开之后，不出意外你会发现不同的地方，而这个不同的地方就是今天我要分享给大家的，非常的简单如下图所示，大概花费大家5分钟左右的时间，你就能为你的 Github Profile 页添加一张和别人不一样的名片～

添加 Github Profile 名片

第一步：新建一个和你 Github Username 同名仓库

比如，我的 Github 是 luffyZh，那么就新建一个名为 luffyZh 的仓库，如下图所示：

image-20210816204804513的副本.png

并且，Github 的提示那是相当的友好，当你键入这个仓库名称的时候，官方就已经告诉你了：这是一个特别的仓库，你可以添加一个 README.md 文件作为你的 Github 名片，但是这个仓库你要确保他的权限是 public 并且需要有一个 README.md 文件。

创建好之后，你再回你的首页，你就会发现，这个 README.md 文件的内容已经出现在你的首页了，但是只有文案，那么接下来继续美化名片。

第二步：添加相关信息

上面我的个人名片大家可以看到，除了基本信息外，还有几个卡片信息，这些才是美化的关键，你可以在 profile 页里添加一些卡片信息，比如仓库状态，常用语言以及个人排名靠前的几个仓库，就像我上面截图的那样。

在这里，给大家推荐一个仓库 github-readme-stats，里面包含几个卡片的使用方法以及很多主题配色，相信大家一定能找到一个自己喜爱的主题，然后制作出一个与众不同的名片。

作为参考，附上个人的 profile 代码：

### ? Welcome to luffyZh Zone

Here is some personal information about me:

- ? I'm Chinese and currently working in Hangzhou.
- ? I'm currently learning && using React.js/Next.js...
- ? Ask me about any question about my repos or directly give me a issue/pr~
- ? How to reach me: zhoudeyou945@126.com.
- ? Wechat: zhoudeyou945.

**? Language && Tools**  

<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/typescript/typescript.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png"></code>
<code><img height="20" src="https://nextjs.org/static/favicon/favicon-32x32.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/nodejs/nodejs.png"></code>  

[![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=luffyZh&theme=buefy)](https://github.com/luffyZh)
[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact&theme=buefy)](https://juejin.cn/user/96412752681079/posts)

[![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=luffyZh&repo=next-antd-scaffold&theme=buefy)](https://github.com/luffyZh/next-antd-scaffold)
[![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=luffyZh&repo=dynamic-antd-theme&theme=buefy)](https://github.com/luffyZh/dynamic-antd-theme)
复制代码