GitHub Profile 멋지게 하기 3 Tips

What is GitHub Profile?

GitHub Profile은 최근 추가 된 기능으로 Github에서 username과 동일한 이름의 리포지토리를 생성하여 https://github.com/usernam에 Markdown 표기법으로 정보를 추가할 수 있습니다.

이전에는 repository를 최대 6개 표시할 수 있을 뿐이었으므로, 도입하면 상당히 활기차게 됩니다

만드는 방법

htps : // 기주 b. 이 m 에서 새로 리포지토리를 만듭니다.
이 때 리포지토리 이름은 username와 같아야합니다.
그러면 전용 Readme가 생성됩니다.

자신의 경우 username이 koji이므로 리포지토리 이름은 koji입니다.

<!--
**koji/koji** is a ✨ _special_ ✨ repository because its `README.md` (this file) appears on your GitHub profile.

Here are some ideas to get you started:

- 🔭 I’m currently working on ...
- 🌱 I’m currently learning deno/flutter/coreML
- 👯 I’m looking to collaborate on something fun
- 🤔 I’m looking for help with ...
- 💬 Ask me about ...
- 📫 How to reach me: ...
- 😄 Pronouns: ...
- ⚡ Fun fact: ...
-->

본 포스트에서는 아래를 더하는 방법을 소개합니다.

이미지 추가

Readme에 문자 만 있으면 조금 멋지기 때문에 이미지를 추가합니다.
Readme에 이미지를 넣으려면 이미지를 업로드해야 합니다.
어딘가에 이미 업로드된 이미지를 사용하는 경우 아래를 Readme에 추가하기만 하면 됩니다.

![image_name](image_url)

업로드 방법 1

repository에 이미지를 추가하는 방법이 있습니다.
자신은 이미지를 하나만 하고 싶지 않기 때문에, 루트에 두고 있습니다.
단, 평상시 Readme용으로 이미지가 필요한 경우는 img 폴더를 만들어 그 안에 업로드하고 있습니다.
그런 다음 업로드한 이미지의 URL을 ↑에 넣고 Readme에 추가합니다.

업로드 방법 2

Issue를 사용하는 방법이 있습니다. 자신이 위키에 이미지를 추가하려면이 방법을 사용합니다.
이 방법은 간단하고 적절한 이름으로 새 Issue를 만들고 주석 필드에 이미지를 끌어서 놓습니다. 그러면 위의 ![image_name](image_url)가 주석 필드에 생성됩니다.
repository에 Readme 이외는 두고 싶지 않다고 하는 경우는 이 방법을 추천합니다.

이미지를 센터링하면 Html을 사용하여 작성하는 것이 가장 빠르다고 생각합니다.

배지 추가

다음은 배지를 추가하는 방법입니다.
아래를 복사하여 <yours> 부분을 대체하면 끝입니다.

<p align="center">
  <a href="https://dev.to/<yours>"><img src="https://img.shields.io/badge/DEV.TO-%230A0A0A.svg?&style=for-the-badge&logo=dev-dot-to&logoColor=white" />       </a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="https://twitter.com/<yours>"><img src="https://img.shields.io/badge/twitter-%231DA1F2.svg?&style=for-the-badge&logo=twitter&logoColor=white" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
 <a href="https://www.linkedin.com/in/<yours>/"><img src="https://img.shields.io/badge/linkedin-%230077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
  <a href="mailto:<yours>?subject=Came%20from%20Github"><img src="https://img.shields.io/badge/gmail-%23D14836.svg?&style=for-the-badge&logo=gmail&logoColor=white" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
<p>

블로그 피드 추가

절각이므로, 조금 동적인 요소도 넣어 보자고 하는 것으로 블로그 최신 5건을 표시시킵니다.

step1

아래의 두 줄을 Readme 피드를 표시하고 싶은 곳으로 복사합니다.
<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->


step2

Feed를 가져오려면 Github Action을 사용합니다.
ref : htps : // 기주 b. 이 m / 가 우타 mk sh r / b ぉ g - st - rkf ぉ w

Github/local에서 .github/workflows 폴더 구성을 만들고 그 안에 blog-post-workflow.yml를 만듭니다. 작성한 다음을 복사하여 feed_list를 자신의 것으로 변경하십시오.
덧붙여서, Mediam, WordPress, Youtube의 Feed도 가져옵니다.

세부 정보 : htps : // 기주 b. 이 m / 가 우타 mk sh r / b ぉ g - st - rkf ぉ w

name: Latest blog post workflow
on:
  schedule:
    # Runs every hour
    - cron: '0 * * * *'
  workflow_dispatch:

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: gautamkrishnar/blog-post-workflow@master
        with:
          feed_list: "https://dev.to/feed/kojikanao"

step3

Actions 로 이동하여 액션을 실행합니다.
아마도 30초 미만으로 끝납니다.


[Before]


[After]

덤

GitHub 정보를 표시하는 Widget을 덤으로 소개합니다.

자세한 내용은 위를 참조하십시오.
아래의 username을 변경하여 쉽게 GitHub 정보를 표시합니다.

자신은 현재 이용하지 않습니다. 이유는 랭크가 A+로 게다가, A+가 디폴트 설정으로 되어 있는 것 같기 때문에, 그다지 의미는 없을까. 덧붙여서, 프라이빗 repository의 정보는 수집 대상이 되지 않기 때문에, 업무 GitHub를 사용하고 있습니다만, 업무외는 너무라고 하는 분은 그다지 놓아도 おおっ , 같은 것은 없을지도 모릅니다.

[![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

마지막으로 일단 자신의 리포지토리에 대한 링크를 둡니다. htps : // 기주 b. 코m/코지