🌃 领取属于你的 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/2021-03-05-get-your-github-story-in-3d.html