3分钟打造酷炫Github首页：贪吃蛇，代码统计，3D贡献图#

开发工具

2023-03-06 11:52:02

GitHub 自定义首页效果：打造个性化的代码乐园

GitHub 的魔力

GitHub 作为全球顶尖的代码托管平台，不仅是程序员们存储和管理代码的宝地，更是一个交流分享的技术殿堂。一个精心设计的 GitHub 首页不仅可以展示你的编程实力，更能彰显你的独特个性。

炫酷的自定义首页效果

想让你的 GitHub 首页与众不同吗？这里有几款炫酷的自定义首页效果，助你打造独一无二的代码天地：

贪吃蛇大作战

没错，你可以在 GitHub 首页上玩贪吃蛇！这款名为“贪吃蛇游戏”的自定义首页效果让你重温经典，在代码世界中大快朵颐。灵活操控贪吃蛇，吃掉豆豆，享受编程带来的乐趣。

代码活动统计

作为一名热衷于编程的代码侠，你一定对自己的代码活动统计充满好奇。这款名为“贡献活动”的自定义首页效果可以记录你每天的代码提交次数，并以图表的形式清晰呈现。一目了然地查看你的代码活动情况，激发你的编程热情。

Contributions 三维图

Contributions 三维图绝对是酷炫的代名词！这款效果将你的代码提交记录转化为一个栩栩如生的三维图形，直观地展示了你的代码活动历程。选择不同的配色方案，打造属于你的个性化代码宇宙。

如何设置自定义首页效果？

设置自定义首页效果易如反掌，只需几步即可搞定：

登录你的 GitHub 账户，点击右上角的设置图标。
在“设置”页面，找到“外观”选项，然后点击“自定义你的个人资料”。
在“自定义你的个人资料”页面，找到“主页”部分，点击“更改主页”。
选择“使用自定义 URL”选项，输入自定义首页效果的 URL。
点击“保存”按钮，完成设置。

代码示例：贪吃蛇游戏

<script src="https://unpkg.com/p5@latest/lib/p5.min.js"></script>
<script>
  let snake;
  let food;
  let score;

  function setup() {
    createCanvas(400, 400);
    snake = new Snake();
    food = new Food();
    score = 0;
  }

  function draw() {
    background(0);
    snake.show();
    snake.update();
    food.show();

    if (snake.eat(food)) {
      food = new Food();
      score++;
    }

    if (snake.die()) {
      alert("游戏结束！你的分数：" + score);
      noLoop();
    }
  }
</script>