🌃 領取屬於你的3D GitHub Story

最近 GitHub 爲開發者帶來了一個酷炫的應用，skyline.github.com，以 3D 城市模型的方式展示 GitHub Contributions 統計圖，也去看看你的 GitHub Story 吧。

相比較平日裏在 GitHub Profile 頁看見的小綠格格來講 skyline 顯得更加酷炫直觀。

skyline 支持如下幾個好用的功能：

• 按年份渲染
• 下載 STL 格式的文件
• VR 查看（暫何嘗試）
• 這周還加入了打印 3D 模型的功能

也有很多開發者拿到了打印後的記念品。羨慕中 🍋🍋🍋

GitHub Contributions

GitHub Profile 頁面上默認的小綠格子，你們都很熟悉

值得一提的是，你也可能注意到了個人 GitHub Contributions Graph 右上角有一個按鈕，能夠切換 2D/3D 模式。這個功能是一個 Chrome 擴展支持的，名爲：[GitHub Isometric Contributions] ，你也能夠安裝一個試試。效果以下：

3D 文件查看器

你可能不知道的是 GitHub 支持查看 3D 文件，GitHub 能夠託管和渲染擴展名爲 .stl 的 3D 文件。這樣一來，咱們能夠把 skyline.github.com 中下載的 .stl 文件上傳到 GitHub 倉庫中。

GitHub Repo

https://github.com/xiaoluoboding/skylines/blob/main/xiaoluoboding-2020.stl

GitHub Gist

又或者可使用 GitHub Gist 建立 .stl 文件

💡 Tips: Gist 是支持拖拽文件到編輯器內部的。

https://gist.github.com/xiaoluoboding/233eca90cc2fcad603d640d49c4dbe06

skylines

我建立了 https://github.com/xiaoluoboding/skylines 倉庫，將自 2013 年加入 GitHub 以來全部年份的 STL 文件整合到一個倉庫中。編寫了一個頁面，以 Embed 嵌入的方式展示出來。你能夠點擊查看

ASCII ART

有趣的 skyline.github.com 還給開發者留一個小彩蛋，當在 skyline 頁面打開開發者工具的時候，會發現 skyline 在控制檯爲你打印了 GitHub Contributions 的 ASCII ART 版本，像這樣：

@xiaoluoboding's 2020 GitHub Skyline         

           ✧          ▁               ✦✧    ✧        
              ✦       █  ✧ ✦     ✧              █    
                      █         ✦             ▄ █    
✦▂             ▂✦     █▆  ✧▁         ✧    ▃   █ █▄▃  
▅█▂   ▃ ☽▃▃▁▃▅▆█▂▁▅   ██ ▁ █▆▇▆▅ ▂▆▇▅▆▁▁  █▂▁ █▇███✦▁
███▁█▁█▁████████████████▅███████▅███████▁▁█████████▅█

    https://skyline.github.com/xiaoluoboding/2020

因而我又萌生了另外一個想法，把 ASCII 版本的 GitHub Contributions 放在 Gist 上，而後在 GitHub Profile 頁面做爲一個項目釘住，實際效果以下圖：

不過也沒有那麼好看啦。而且不是動態的，玩玩而已。

3D 打印

在網上查詢了一下，.stl 文件確實能夠用於 3D 打印，我也想收藏一個3D 打印出來的 Skyline 城市模型，以此激勵本身保持熱愛開源的心、繼續蓋更高的樓，目前還在查找國內的3D打印服務，後續收到成品再和你們分享吧。就醬。

移動端閱讀

關注個人技術公號，一樣也能夠找到本文。

原文： https://www.xlbd.me/posts/202...