GitHub Contribution 貢獻圖手辦 | 簡單上手 | 技術點評

Hoarfroster發表於2021-03-08

這個故事可就長了喔,那麼多年來,多少開發者努力地將他們的 GitHub 貢獻圖視覺化。自 GitHub 於 2013 年開放貢獻圖這個功能以來,我們發現了發現了許多炫耀自己貢獻的方法。

網友們的 奇思妙想

從印在 T 恤上到建立貼紙,到塑化模型為手辦,超級多的開發者通過 奇思妙想 ? 的方法,炫耀自己在這一年中的程式碼貢獻量。

GitHub Contribution 貢獻圖手辦 | 簡單上手 | 技術點評

甚至說……印到瓷磚上 = =

GitHub Contribution 貢獻圖手辦 | 簡單上手 | 技術點評 GitHub Contribution 貢獻圖手辦 | 簡單上手 | 技術點評

噢不是,其實是他們寫程式碼太入神了,把瓷磚看成自己貢獻圖了。

甚至還有……俄羅斯方塊版本 = =

GitHub Contribution 貢獻圖手辦 | 簡單上手 | 技術點評

這怕不是可以直接舉辦一個遊戲 ? 比賽,贏了送 Xbox Game Pass 那種啊(暗示微)

還有小貓咪?怎麼回事啊小貓咪? ?

GitHub Contribution 貢獻圖手辦 | 簡單上手 | 技術點評

最近(二月左右吧)GitHub 3D 官 方 模 型 生 成 器 它 來 了

酷炫,漂亮,666!

skyline.github.com 網站以 3D 城市模型的方式,為我們以新的方式展示我們的 GitHub 貢獻圖。

它能幹啥

Skyline 支援以下幾個好用的功能:

  • 按年份檢視
  • 下載 STL 格式的檔案
  • VR 模式
  • 線上列印 3D 模型(賊貴,放棄吧)

怎麼檢視

  1. 開啟 skyline.github.com

  1. 輸入使用者名稱

  2. 選擇年份(年份為 2013 -> 2020)

  3. 點選 Create a Skyline 按鈕

生成後效果如此:

獲取 STL 模型檔案

點選 Download STL 即可獲取生成的 3D 模型檔案,用 XCode 開啟即可(也可以 Gist,甚至 GitHub 也支援直接渲染)。

然後找個朋友列印就好了~

這邊找了淘寶兄弟,15 元包郵,doge。

拿它當手辦,美美的一大勺,香香的~(誤入)

瀏覽器擴充

搜尋 Contribution Graph 的時候,搜到了 isometric-contributions 專案。

這是一個 Chrome、Brave、Firefox 的瀏覽器擴充套件程式,可讓我們在常規 GitHub 貢獻圖和等距畫素藝術版本之間切換,使用 obelisk.js 庫。

這個版本的貢獻圖除了外觀整潔外,還很是有趣。它以更高的精細度,突出顯示了貢獻數量之間的差異(但是,這並不意味著完全替代標準 2D 圖形,因為在大多數情況下,它實際上用處不大,例如,它沒有軸標籤,且較短的條形圖可能會被隱藏在較高的條形圖後面,而且我們不能將滑鼠懸停在條形圖上以檢視日期和計數等)

安裝擴充後直接開啟任何帶有貢獻圖的主頁即可檢視~


本文正在參與「掘金 2021 春招闖關活動」, 點選檢視 活動詳情

相關文章