자습서: GitHub 프로필에 Holopin 배지 추가

GitHub 프로필을 더욱 멋지게 만드세요!

GitHub , GitLab 또는 Bitbucket 과 같은 코드 공유 사이트를 사용하여 l33t 코딩 기술을 보여주고 작업하는 종류의 포트폴리오 역할을 할 수 있지만 약간 텍스트가 많습니까?

우리는 당신이 그것을 바꿀 수 있도록 여기에 있습니다! Holopin을 사용하면 배지 보드의 라이브 카피를 임베드하여 모든 배지가 프로필에 자동으로 추가되도록 할 수 있습니다.

이 가이드에서는 GitHub를 사용합니다. 그러나 이러한 단계는 Markdown 형식 파일을 프로필로 사용할 수 있는 모든 사이트에서 작동합니다!

마크다운 + 홀로핀 = 💖

Markdown은 제목,
글머리 기호 목록, 표, 굵게, 밑줄 및 기울임꼴 텍스트를 입력하기 쉬운 방식으로(HTML과 같은 꺾쇠 괄호 및 키워드 없음) 완전히 일반 텍스트 파일에 맞고 일반 텍스트처럼 읽을 수 있습니다. 예를 들어 다음과 같이 할 수 있습니다.

# This is a heading

This is some **bold** text, and some _italics_, and this is **really** important. Markdown is

1. Easy to type
2. Plain text
3. Readable

(이 전체 블로그 게시물은 Markdown으로 작성되었습니다!)

1단계: GitHub에서 개인 README 만들기

GitHub 계정으로 이동하고 프로필로 이동합니다. 개인용README이 없는 경우 새로 만들어야 합니다. + 기호를 사용하고 New repository를 선택합니다.



여기에서 리포지토리 이름을 사용자 이름으로 설정하면 "특별한"리포지토리를 만들고 있음을 나타내는 메시지가 표시됩니다.



이제 README.md로 초기화합니다.



저장소가 준비되면 버튼을 눌러 브라우저에서 편집기를 열 수 있습니다.



여기에서 자신에 대해 조금 쓰고 소셜 미디어에 링크를 추가할 수 있습니다.

2단계: Holopin 보드 사용자 지정 🪄

아직 하지 않았다면 Holopin 계정을 만들어야 합니다. 시작하려면 holopin.io으로 건너뛰세요(빠르면 얼리버드 배지를 받을 수 있다고 들었습니다 👀).

Holopin 계정이 있으면 프로필로 이동하여 인벤토리에서 배지를 추가하세요.



멋져보이나요? 엄청난. 보드 아래에 약간의 코드가 있음을 발견했을 수 있습니다. 이것은 Holopin 이외의 사이트에 표시되는 항목을 얻는 마법입니다.

3단계: GitHub 프로필에 Holopin 보드 추가

Markdown이 작동하는 곳입니다. 해당 링크는 다음과 같으며 보드 하단에서 찾을 수 있습니다.

[![@rphi's Holopin board](https://holopin.io/api/user/board?user=rphi)](https://holopin.io/@rphi)

그러나 그것은 무엇을 의미합니까? 여기서는 두 가지 작업이 진행됩니다. 먼저 ![]() 가 있는 이미지를 포함하고 그 이미지를 []() 가 있는 Holopin 프로필에 연결합니다. 이는 웹에서 이미지에 연결하는 것과 동일하지만 Holopin API를 사용하여 즉시 이미지를 생성합니다.

Holopin 임베딩을 붙여넣고 커밋을 누르세요. 모든 것이 계획대로 진행되면 이제 보드가 GitHub 프로필 페이지에 자랑스럽게 표시됩니다!

Holopin 사이트에서 보드를 편집할 때마다 GitHub 프로필이 자동으로 업데이트됩니다.




GitHub 프로필에 Holopin 배지를 어떻게 통합했는지 보고 싶습니다! Twitter에 태그를 지정하면 커뮤니티와 함께 ​​리트윗하고 배지를 한두 개 보낼 수도 있습니다!