이미지 업데이트 - README, GitHub 프로필 README에서 임의의 이미지 보기

네, 제대로 읽었습니다! GitHub 프로필 README에 임의의 이미지(귀하의 컬렉션에서)를 넣을 수 있는 GitHub Action이 있습니다. 별로 유용하지 않은 또 다른 GitHub 작업을 가지고 다시 왔습니다! 이전 작업을 보지 못하셨나요? 확인 해봐 .


단계를 시작하기 전의 결과:



여기서 강조 표시된 이미지는 (내 이미지 컬렉션에서) 24시간마다 계속 변경됩니다. 선호하는 이미지 컬렉션을 사용하고 GitHub 프로필 README에서 변경되는 이미지를 볼 수 있으며 매일 새로운 프로필 이미지가 시작됩니다!


더 이상 드래그하지 않고 짧고 간단하게 유지하는 단계는 다음과 같습니다.

1. 프로필 README.md 파일을 업데이트합니다.

이미지를 표시하려는 위치에 프로필README.md에 다음을 추가하십시오. 파일을 커밋하는 것을 잊지 마세요 😉

<!--START_SECTION:update_image-->
<!--END_SECTION:update_image-->

다음과 같아야 합니다.



프로필README.md은 <username>/<username> 저장소에 있어야 합니다. 프로필 저장소/README에 대한 자세한 내용은 공식docs을 확인하십시오.

2. 원하는 이미지를 추가합니다.

README에 표시할 이미지 모음이 있어야 합니다.

이미지를 저장할 GitHub 프로필 리포지토리에 폴더.github/images를 만듭니다.

이 폴더를 생성하려면 로컬 리포지토리에서 git push를 수행할 수 있습니다(주어진 이미지는 .github/images 폴더에 있음). GitHub 리포지토리에 폴더를 만드는 방법에 대한 자세한 내용은 this을 확인하십시오.

다음과 같아야 합니다.

3. 워크플로(yaml) 파일을 추가합니다.

이제 프로필 저장소Actions 상단의 <username>/<username> 탭을 클릭합니다.



그런 다음 워크플로를 직접 설정합니다.



yaml 파일의 모든 사전 입력 내용을 제거하고 다음을 추가합니다.

name: Update Image Readme

on:
  workflow_dispatch:
  schedule:
    # Runs at 1 UTC everyday
    - cron: "0 1 * * *"

jobs:
  update-readme:
    name: Update Image README
    runs-on: ubuntu-latest
    steps:
      - uses: siddharth2016/update-readme-image@main
        with:
          IMG_ALT: <alt-message> #image alt to be displayed if image is not mapped correctly

작업 흐름을 사용자 정의하는 데 사용할 수 있는 더 많은 옵션이 있습니다. 자세한 설명을 확인하십시오here .

이 yaml 파일의 이름을 update-image-readme.yml 또는 가장 적합한 이름으로 지정하고 워크플로 yaml 파일을 커밋합니다.

4. 액션을 테스트하고 마법을 확인하세요 🧙‍♂️

이제 다시 Actions 탭으로 이동합니다.



워크플로 아래에서 Update Image Readme를 클릭합니다.



그런 다음 Run workflow -> Run workflow 완료될 때까지 기다립니다.



작업이 완료되면 프로필 README를 확인하고 (컬렉션에서) 임의의 이미지를 확인하세요!



또한 원래 리포지토리에 다시 연결하여 이 작업에 대한 지원을 표시할 수 있습니다!

이렇게 변경 README.md

<a href="https://github.com/marketplace/actions/update-image-readme">
<!--START_SECTION:update_image-->
<!--END_SECTION:update_image-->
</a>

그게 전부입니다. 이 단계를 따르면 프로필 README에 있는 컬렉션의 놀라운 이미지를 볼 수 있습니다.

아래 댓글에 프로필 README 이미지 스크린샷을 공유하세요 👇

문제에 직면한 경우 여기에 의견을 말하거나 this 저장소에 문제를 생성하십시오.

그다지 유용하지 않은 이 작업이 마음에 든다면 별표 ⭐를 주세요.

그다지 유용하지 않은 이 작업이 마음에 든다면 let's connect 이 작업을 조금 더 유용하게 만드는 데 기여하십시오!

오픈 소스 여정을 막 시작하셨습니까? Hello Open Source 을 확인하는 것을 잊지 마세요!

나마스테 🙏