我把 GitHub 主页改造成赛博朋克控制台：用提交记录建了一座城
来源：dev.to — 2026-10-01
📋 概述
作者在一个筋疲力尽的深夜只想给 GitHub 主页换个自定义样式，结果彻底「做过头」：他把过去一年的提交记录渲染成一座赛博朋克城市，天际线由每周的提交量决定高度，每一天是一扇窗户，有提交的日子窗户就亮起。整块画面上方还悬着一个赛博朋克控制台界面，靠 23 张切片图片在 README 里拼成无缝的一体画面。因为 GitHub 禁止在 README 里执行 JavaScript 和 CSS，他只能把逻辑全部塞进「SVG 也是一张图片」这个漏洞里，再由一个 GitHub Action 每天定时重绘，用一次 GraphQL 查询替代二十次请求。
🔑 核心要点
- GitHub README 不允许 JS/CSS，作者用「SVG 本身就是一张图片」的漏洞绕开限制，让自绘逻辑得以运行。
- 一座「贡献之城」：每周一栋楼，高度取决于当周提交总量，每天是一扇窗户，有提交就亮灯、越忙越亮。
- 控制台由 23 张切片图片拼接而成，靠对齐技巧让接缝完全看不出来。
- 每天由 GitHub Action 定时重绘并自动改写 README，用一次 GraphQL 查询代替二十次 API 调用。
- 作者强调「随机并不代表糟糕」——深夜大脑放空时冒出的念头，反而最有能量。
💡 金句
随机并不代表糟糕。当大脑不再硬撑时，它开始洗牌，而洗出来的往往是最好的想法。
👍 0
👎 0
← 返回 dev.to 首页