正文

教你如何三步完成GitHub個人主頁設計-個人主頁源碼教程

5424

如果你用過或總是使用 GitHub,可能已經(jīng)發(fā)現(xiàn)有的人的 GitHub 主頁長得有那么一點兒不一樣。

默認狀態(tài)下,GitHub 個體主頁默認從上到下依次展示 repositories、contributions、contribution activity。 而有的人的主頁在最上方展示的是 自己定義設置的內(nèi)容,比如個體簡介、貢獻統(tǒng)計、常用編程語言等。

我也對自己的 GitHub 個體主頁進行了有的自己定義設置的內(nèi)容設計,本文共享一下詳細步驟,操作起來很簡單。

溫馨提醒:點一下文中配圖可放大調(diào)查清晰大圖。

如果你也想 讓自己的 GitHub 主頁稍微那么與眾不一樣一丟丟兒 ,不如也試一試:sunglasses:

假使你還沒有 GitHub 賬號,但想坐擁 GitHub 個體主頁,那么需要先去注冊一個賬號,再熟悉一下 Markdown 基礎語法,之后跟著就可以根據(jù)以下步驟開始啦!

本文結(jié)構(gòu) & 詳細步驟如下:

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

2. 寫 README.md 文件,自己定義設置內(nèi)容

3. 提交對 README.md 的改寫,搞定

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

打開 GitHub 個體主頁,比如我的主頁是:

2. 點一下 Repositories ?New ,進入新建倉庫頁面。

3. 設置倉庫基礎消息。

1)在 Repository name 處填編輯自己的 GitHub ID(比如我的是 lilin90)。GitHub 還會提醒你這是一個 special 的倉庫

2)按需填編輯倉庫描述、勾選倉庫采訪權(quá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 隨時預覽展現(xiàn)效果。

你會觀看到的,初始的 README.md 里已經(jīng)有了有的內(nèi)容,給了有的可選的內(nèi)容反饋,你可以隨便自由選擇選用或不選用。

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

個體簡介GitHub 個體貢獻資料統(tǒng)計My side projectsGet in touch怎么加呢?

普通的文字描述與鏈接,使用簡單的 Markdown 語法就可以。如果不知道 Markdown,搜一下,幾個分鐘基礎就可以把握其語法。

如果要插入 GitHub 個體貢獻資料統(tǒng)計、常用編程語言、Pin 住某個倉庫等,可參考 github-readme-stats 這種開源項目,有簡潔明了的使用說明:

▲ 截圖自 github-readme-stats 項目

github-readme-stats 項目提供了很多主題,可根據(jù)個體喜好選擇:

部分主題示例:

▲ 截圖自 github-readme-stats 項目

如果要插入各種社會交友平臺的聯(lián)系方法或者個體博客等,可借助 Shields.io ,用來展示 quality metadata badges for open source projects,鏈接如下:

/

▲ 截圖自 shields.io

我在 Get in touch 部分插入的各種聯(lián)系方法都用了 shields.io 鏈接,這樣可以展示出 icon,漂亮有的,辨識度也高有的。

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

1### Hi there :wave: 2 3 ? I'm Lilian Lee 李琳, a Content Strategist | Senior Technical Writer. 4 5I love photography :camera:, traveling :airplane:, cooking and enjoying delicious food ? ?([a Lv7 VIP at Dianping 大眾測評](▲ 可差不多滑動

寫完成,可點一下 Preview changes 預覽下展現(xiàn)效果。不怎么滿意可以繼續(xù)改寫,直到滿意為止。

3 提交對 README.md 的改寫,搞定如果對預覽的展現(xiàn)效果比較滿意了,接下來編輯一個 commit message,點一下 Commit changes提交就可以。

提交成功后,就搞定啦。 此時此刻,再打開你的 GitHub 主頁,就會展現(xiàn)你自己定義設置的內(nèi)容了

我的 GitHub 主頁自己定義設置的內(nèi)容展現(xiàn)效果如下:

是不是很簡單的操作?

有興趣的同伴可以動作起來咯:wink: