這是我之前在逛 GitHub 發現的有意思的東西，給自己的個人 GitHub 主頁添加一個貪吃蛇動畫，效果如下：
貪吃蛇會吃掉我們在 GitHub 上提交的程式碼記錄，即吃掉那些綠色的格子。
回到前面說的，如何在 GitHub 個人主頁，實現貪吃蛇的小動畫呢？
非常簡單，只需要你會複製程式碼就可以了，這個貪吃蛇小動畫的程式碼來自 GitHub 上的一位使用者 @L1cardo 的個人頁面：
- 在你的 GitHub ID 同名倉庫的裡新建
assets文件夾
由於 github 不支持空文件夾，建議先隨意放個文件，過後再刪除。 - 我們需要將這個程式碼複製到與自己的 GitHub ID 同名倉庫的
.github/workflows路徑下。
Generate Snake.yml#
# 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/[email protected]
- 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/[email protected]
with:
branch: main
message: 'Generate Contribution Snake'
3. 複製完程式碼後，我們還要將程式碼生成的 svg 檔案放在 GitHub ID 同名倉庫的 README 文件中 ，它才會在個人首頁顯示。
由於 README 文件是用 Markdown 格式進行編輯，引入 svg 檔案需要使用下面這種格式。
將 xxx 改為你的 github 使用者名即可
完成以上述操作，就可以在自己的 GitHub 主頁看到這個動畫啦，還是很酷的