如何給自己設(shè)計一個與眾不同的 GitHub 個人主頁？3 步即可輕松搞定

時間：2023-06-05 15:54:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-06-05 15:54:01 來源：網(wǎng)站運(yùn)營

如何給自己設(shè)計一個與眾不同的 GitHub 個人主頁？3 步即可輕松搞定：如果你用過或經(jīng)常使用 GitHub，可能已經(jīng)發(fā)現(xiàn)有些人的 GitHub 主頁長得有點兒不一樣。

默認(rèn)情況下，GitHub 個人主頁默認(rèn)從上到下依次展示 repositories、contributions、contribution activity。而有些人的主頁在最上方展示的是自定義的內(nèi)容，例如個人簡介、貢獻(xiàn)統(tǒng)計、常用編程語言等。

我也對自己的 GitHub 個人主頁進(jìn)行了一些自定義的內(nèi)容設(shè)計，本文分享一下具體步驟，操作起來很簡單。

如果你也想讓自己的 GitHub 主頁稍微那么與眾不同一點點兒，不妨也試一試

假如你還沒有 GitHub 賬號，但想擁有 GitHub 個人主頁，那么需要先去注冊一個賬號，再熟悉一下 Markdown 基本語法，然后就可以按照以下步驟開始啦！

本文結(jié)構(gòu) & 具體步驟如下：

1. 新建一個以個人 GitHub ID 命名的倉庫
2. 編輯 README.md 文件，自定義內(nèi)容
3. 提交對 README.md 的修改，搞定

1. 新建一個以個人 GitHub ID 命名的倉庫

1. 打開 GitHub 個人主頁，例如我的主頁是：https://github.com/lilin90

2. 點擊Repositories > New，進(jìn)入新建倉庫頁面。

3. 設(shè)置倉庫基本信息。

1）在 Repository name 處填寫自己的 GitHub ID（例如我的是 lilin90）。GitHub 還會提醒你這是一個 special 的倉庫

2）按需填寫倉庫描述、勾選倉庫訪問權(quán)限、初始文件，我基本采用的默認(rèn)選項。如果你想等自己編輯好內(nèi)容再公開可見，也可以先選擇 Private。

3）點擊 Create repository，即完成倉庫創(chuàng)建。

2. 編輯 README.md 文件，自定義內(nèi)容

根據(jù)自己的需求、想法、創(chuàng)意，自由發(fā)揮，編輯 README.md 文件。

可以直接在網(wǎng)頁上編輯，也可以在本地編輯再 push 上去。我是直接在網(wǎng)頁上編輯的，也方便 Preview changes 隨時預(yù)覽顯示效果。

你會看到，初始的 README.md 里已經(jīng)有了一些內(nèi)容，給了一些可選的內(nèi)容建議，你可以選擇采用或不采用。

1 Here are some ideas to get you started: 2 3 - I’m currently working on ... 4 - I’m currently learning ... 5 - I’m looking to collaborate on ... 6 - I’m looking for help with ... 7 - Ask me about ... 8 - How to reach me: ... 9 - Pronouns: ...10 - ? Fun fact: ...接下來，分享下我都加了些什么內(nèi)容：

• 個人簡介
• GitHub 個人貢獻(xiàn)數(shù)據(jù)統(tǒng)計
• My side projects
• Get in touch

怎么加呢？

普通的文字描述與鏈接，使用簡單的 Markdown 語法即可。如果不了解 Markdown，搜一下，幾分鐘基本即可掌握其語法。

如果要插入 GitHub 個人貢獻(xiàn)數(shù)據(jù)統(tǒng)計、常用編程語言、Pin 住某個倉庫等，可參考 github-readme-stats 這個開源項目，有簡潔明了的使用說明：https://github.com/anuraghazra/github-readme-stats

github-readme-stats 項目提供了很多主題，可根據(jù)個人喜好選擇：https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md

部分主題示例：

如果要插入各種社交平臺的聯(lián)系方式或者個人博客等，可借助 http://Shields.io，用于展示 quality metadata badges for open source projects，鏈接：https://shields.io/

我在 Get in touch 部分插入的各種聯(lián)系方式都用了 http://shields.io 鏈接，這樣可以展示出 icon，好看一些，辨識度也高一些。

以下是我的 lilin90 倉庫 README.md 文件的源代碼，供參考：

1 ### Hi there 2 3 I'm Lilian Lee 李琳, a Content Strategist | Senior Technical Writer. 4 5 I love photography , traveling ??, cooking and enjoying delicious food ([a Lv7 VIP at Dianping 大眾點評](https://m.dianping.com/userprofile/121632876)). 6 7 And I love fruit very much. 8 9 ![Lilian's GitHub stats](https://github-readme-stats.vercel.app/api?username=lilin90&show_icons=true&theme=tokyonight)101112 ### My side projects1314 1. Collecting and sharing awesome resources about technical communication (tech comm):1516 [![Awesome Technical Communication](https://github-readme-stats.vercel.app/api/pin?username=lilin90&repo=awesome-technical-communication&theme=radical)](https://github.com/lilin90/awesome-technical-communication)1718 > **Note:** Currently, this project includes tech comm resources in both English and Chinese.1920 2. Keep writing and publishing articles about tech comm (technical writing, stories, self-improvement, etc.) in Chinese:2122 - [本站專欄：技術(shù)傳播那些事兒](https://www.zhihu.com/column/tc-fun)23 - [微信公眾號：技術(shù)傳播那些事兒](https://res.cloudinary.com/lilian-photos/image/upload/v1585391408/cover/wechat-qrcode-scan-to-follow.jpg)242526 ### Get in touch2728 [![lilianlee.me](https://img.shields.io/badge/lilianlee.me-orange)](https://lilianlee.me/)29 [![GitHub](https://img.shields.io/badge/GitHub-grey?logo=github)](https://github.com/lilin90)30 [![LinkedIn](https://img.shields.io/badge/LinkedIn-blue?logo=linkedin)](https://www.linkedin.com/in/lilian-lee-54305777/)31 [![Twitter](https://img.shields.io/badge/Twitter-white?logo=twitter)](https://twitter.com/lilianlee90/)32 [![Instagram](https://img.shields.io/badge/Instagram-white?logo=instagram)](https://www.instagram.com/lilianlee.me/)33 [![Pixabay](https://img.shields.io/badge/Pixabay-white?logo=pixabay)](https://pixabay.com/zh/users/lilian90-1322641/)3435 [![本站](https://img.shields.io/badge/本站-white?logo=zhihu)](https://www.zhihu.com/people/liliansd)36 [![微信公眾號](https://img.shields.io/badge/微信公眾號-white?logo=wechat)](https://res.cloudinary.com/lilian-photos/image/upload/v1585391408/cover/wechat-qrcode-scan-to-follow.jpg)37編輯完成，可點擊 Preview changes 預(yù)覽下顯示效果。不滿意可以繼續(xù)修改，直到滿意為止。

3. 提交對 README.md 的修改，搞定

如果對預(yù)覽的顯示效果比較滿意了，接下來寫一個 commit message，點擊 Commit changes 提交即可。

提交成功后，就搞定啦。此時，再打開你的 GitHub 主頁，就會顯示你自定義的內(nèi)容了

我的 GitHub 主頁自定義的內(nèi)容顯示效果如下：

是不是很簡單的操作？

感興趣的小伙伴可以行動起來了

--END--

往期精彩：

• 快速掌握完整的技術(shù)寫作流程
• 技術(shù)寫作實例解析 | 簡潔即是美
• 技術(shù)圈里易讀錯的 IT 類單詞大盤點
• 什么樣的人適合做 Technical Writer
• Docs Like Code 方案全方位深度解讀
• 英語專業(yè)的同學(xué)可以做技術(shù)文檔寫作嗎
• 技術(shù)傳播人士應(yīng)該知道的色彩搭配常識
• 如何使用顏色來提高技術(shù)文檔的可讀性
• 深度解析關(guān)于技術(shù)翻譯的六個認(rèn)知誤區(qū)
• Technical Writer 可提供的交付物有哪些
• 英語技術(shù)文檔的標(biāo)題到底該大寫還是小寫
• 超適合寫作的輕量級標(biāo)記語言 Markdown
• GitHub + Markdown 的技術(shù)文檔方案解析
• Technical Writer 日常工作中好用的小工具
• 有哪些適合技術(shù)傳播從業(yè)者關(guān)注的優(yōu)質(zhì)博客
• 11 位 Technical Writer 前輩的職業(yè)發(fā)展建議
• GitHub 開源項目 | 技術(shù)傳播精選學(xué)習(xí)資源庫
• 書單 | 有哪些技術(shù)傳播從業(yè)者必知必看的書籍
• 優(yōu)質(zhì)資源 | Google 面向工程師的技術(shù)寫作課程