TheCodəPod

❤1

145 views17:53

اضافه کردن Snake Game به پروفایل گیت هاب 🐍

خب همونطور که قولش رو داده بودم تو این پست میخوام روش اضافه کردن مار بازی به گیت هاب رو بهتون بگم!

این کار چند مرحله ساده داره که کافیه طبق تصاویر و پست اونها رو دنبال کنید!

1️⃣ مرحله اول: ساخت ریپازیتوری پروفایل:
اول از همه، اگه تا الان اینکار رو انجام ندادید، باید یه ریپازیتوری جدید بسازید و اسمش رو دقیقا شبیه یوزرنیم گیت هاب خودتون قرار بدید. دقت کنید که اسم ریپازیتوری به حروف کوچک و بزرگ حساسه!.
بعد از اینکه ریپازیتوری رو ساختید، داخلش یه فایل README.md درست کنید. محتویات این فایل قراره درون پروفایل شما نمایش داده بشه!

2️⃣ مرحله دوم: ساخت فایل snake.yml:
تو این مرحله باید یه اکشن جدید بسازیم که کارش ساخت فایل انیمیشن مار بر اساس نمودار مربع های گیت هابمون هست.
برای این کار، داخل ریپازیتوری خودتون یه پوشه به اسم .github بسازید و داخلش یه پوشه دیگه به اسم workflows ؛ حالا داخل پوشه workflows یه فایل به اسم snake.yml بسازید و کد زیر رو داخلش قرار بدید:

name: GitHub Snake Game



on:

  # Schedule the workflow to run daily at midnight UTC

  schedule:

    - cron: "0 0 * * *"



  # Allow manual triggering of the workflow

  workflow_dispatch:



  # Trigger the workflow on pushes to the main branch

  push:

    branches:

      - main



jobs:

  generate:

    runs-on: ubuntu-latest

    timeout-minutes: 10



    steps:

      # Step 1: Checkout the repository

      - name: Checkout Repository

        uses: actions/checkout@v3



      # Step 2: Generate the snake animations

      - name: Generate GitHub Contributions Snake Animations

        uses: Platane/snk@v3

        with:

          # GitHub username to generate the animation for

          github_user_name: ${{ github.repository_owner }}



          # Define the output files and their configurations

          outputs: |

            dist/github-snake.svg

            dist/github-snake-dark.svg?palette=github-dark

            dist/ocean.gif?color_snake=orange&color_dots=#bfd6f6,#8dbdff,#64a1f4,#4b91f1,#3c7dd9

        env:

          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}



      # Step 3: Deploy the generated files to the 'output' branch

      - name: Deploy to Output Branch

        uses: peaceiris/actions-gh-pages@v3

        with:

          github_token: ${{ secrets.GITHUB_TOKEN }}

          publish_dir: ./dist

          publish_branch: output

          # Optionally, you can set a custom commit message

          commit_message: "Update snake animation [skip ci]"

بعد از اینکه کد رو پیست کردید، فایل رو با کلیک روی دکمه سبز رنگ کامیت کنید (تصویر 1)

ساختار فایل ریپازیتوری شما باید به این شکل باشه:

YOUR_GITHUB_USERNAME/
├── .github/
│   └── workflows/
│       └── snake.yml
└── README.md

3️⃣ مرحله سوم: فعال کردن اکشن:
تو ریپازیتوری خودتون، به تب Action برید و از منوی سمت چپ روی گزینه All Workflows کلیک کنید. تو این قسمت میتونید یک سری workflow مربوط به ریپازیتوری خودتون رو مشاهده کنید که بین این گزینه ها یک یا دو مورد به اسم GitHub Snake Game وجود داره. (تصویر 2)

حالا دوباره از منوی سمت چپ روی گزینه GitHub Snake Game کلیک کنید. تو این قسمت دوباره یک لیست از workflow ها رو مشاهده میکنید. بالای لیست یک گزینه رو میتونید مشاهده کنید که نوشته:

This workflow has a workflow_dispatch event trigger.

سمت راست این گزینه یه دکمه با متن Run Workflow وجود داره.
1- روش کلیک کنید و برنچ main رو انتخاب کنید
2- روی دکمه سبز رنگ با متن Run Workflow کلیک کنید

(تصویر 3)

❤1

441 views17:53