I Was Overwhelmed, So I Turned My GitHub Profile Into a Roguelike Dungeon

说明与用途

作者将 GitHub 个人资料改造成 roguelike 地牢，使用堆叠 SVG 切片和 .NET 生成器，并通过 GitHub Actions 自动更新，提升了动力并完成了任务。

问题

The author felt overwhelmed by a long to‑do list and needed a motivating project to regain momentum.

结果

The project transformed the author’s GitHub profile into an engaging, self‑updating roguelike dungeon that visualizes contributions, languages, pinned repos, and personal stats, boosting motivation and completing pending tasks.

工作流

• 1. Inspired by George Kobaidze’s cyberpunk console profile.
• 2. Designed a roguelike dungeon theme and defined SVG slice structure.
• 3. Implemented a .NET 10 console app (DungeonGen) with renderers for each section.
• 4. Mapped contribution calendar to dungeon tiles and added night sky overlay.
• 5. Generated SVGs and a GitHub Pages interactive page.
• 6. Created a GitHub Action to run the generator daily and commit changes only when needed.
• 7. Added cache‑busting query parameters to SVG URLs to force image refresh.

证据

I started small: a header with a typing animation, built by animating a clipPath width one character at a time.

来源

A GitHub Action runs the generator every day and commits only if something changed:

来源

Each day becomes a 14px tile: 0 contributions = stone wall, more contributions = brighter floor tiles, busiest days = treasure chests.

来源