这是我之前在逛 GitHub 发现的有意思的东西,给自己的个人 GitHub 主页添加一个贪吃蛇动画,效果如下:
贪吃蛇会吃掉我们在 GitHub 上提交的代码记录,即吃掉那些绿色的格子。
回到前面说的,如何在 GitHub 个人主页,实现贪吃蛇的小动画呢?
非常简单,只需要你会复制代码就可以了,这个贪吃蛇小动画的代码来自 GitHub 上的一位用户 @L1cardo 的个人页面:
- 在你的 GitHub ID 同名仓库的里新建
assets
文件夹
由于 github 不支持空文件夹,建议先随意放个文件,过后再删除。 - 我们需要将这个代码复制到与自己的 GitHub ID 同名仓库的
.github/workflows
路径下。
Generate Snake.yml
1 | # GitHub Action for generating a contribution graph with a snake eating your contributions. |
3.复制完代码后,我们还要将代码生成的 svg 文件放在 GitHub ID 同名仓库的 README 文档中 ,它才会在个人首页显示。
由于 README 文档是用 Markdown 格式进行编辑,引入 svg 文件需要使用下面这种格式。
1 | ![](https://cdn.jsdelivr.net/gh/xxx/xxx@main/assets/github-contribution-grid-snake.svg) |
将 xxx 改为你的 github 用户名即可
完成以上述操作,就可以在自己的 GitHub 主页看到这个动画啦,还是很酷的