在GitHub个人页添加一个有趣的贪吃蛇动画

贪吃蛇会吃掉我们在 GitHub 上提交的代码记录，即吃掉那些绿色的格子。

回到前面说的，如何在 GitHub 个人主页，实现贪吃蛇的小动画呢？

非常简单，只需要你会复制代码就可以了，这个贪吃蛇小动画的代码来自 GitHub 上的一位用户 @L1cardo 的个人页面：

在你的 GitHub ID 同名仓库的里新建assets文件夹由于 github 不支持空文件夹，建议先随意放个文件，过后再删除。
我们需要将这个代码复制到与自己的 GitHub ID 同名仓库的 .github/workflows 路径下。

# GitHub Action for generating a contribution graph with a snake eating your contributions.
name: Generate Snake
on:
  schedule:
    - cron: "0 0 * * *"
  workflow_dispatch:
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v2.3.4
      - name: Generate Snake
        uses: Platane/snk@master
        id: snake-gif
        with:
          github_user_name: ${{ github.repository_owner }}
          gif_out_path: ./assets/github-contribution-grid-snake.gif
          svg_out_path: ./assets/github-contribution-grid-snake.svg
      - name: Push to GitHub
        uses: EndBug/add-and-commit@v7.2.1
        with:
          branch: main
          message: 'Generate Contribution Snake'

复制完代码后，我们还要将代码生成的 svg 文件放在 GitHub ID 同名仓库的 README 文档中 ，它才会在个人首页显示。

由于 README 文档是用 Markdown 格式进行编辑，引入 svg 文件需要使用下面这种格式。

![](https://cdn.jsdelivr.net/gh/xxx/xxx@main/assets/github-contribution-grid-snake.svg)

xxx改成你自己的用户名