[玩轉 Github] — 為你的 Github 新增一張與眾不同的名片

前端周同學發表於2021-08-17
Github

這是我參與8月更文挑戰的第2天，活動詳情檢視：8月更文挑戰

前言

在閱讀本文之前，請你開啟如下兩個網站看看有何不同：

開啟之後，不出意外你會發現不同的地方，而這個不同的地方就是今天我要分享給大家的，非常的簡單如下圖所示，大概花費大家5分鐘左右的時間，你就能為你的 Github Profile 頁新增一張和別人不一樣的名片～

image.png

新增 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 真的算是一個百寶箱了，總是有很多隱藏的不為大部分人所知的小驚喜，我也會不斷髮掘這些小彩蛋然後分享給大家，敬請期待～

相關文章