阅读 521

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

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

前言

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

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

image.png

更多 《玩转 Github》 系列:

添加 Github Profile 名片

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

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

image-20210816204804513的副本.png

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

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

  • 第二步:添加相关信息

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

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

image.png

作为参考,附上个人的 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)
复制代码

总结

一篇非常精简的文章,希望大家能喜欢,合理的阅读姿势是点赞👍,顺便去仓库转一圈,万一有大家需要的知识点呢?Github 真的算是一个百宝箱了,总是有很多隐藏的不为大部分人所知的小惊喜,我也会不断发掘这些小彩蛋然后分享给大家,敬请期待~

文章分类
前端
文章标签