포스트

깃허브 블로그 만들기 - 개인 링크 수정하기

깃허브 블로그 만들기 - 개인 링크 수정하기

개인 링크 수정

Chirpy 블로그 사이드바 소셜 링크 목록

블로그 좌측 하단에 개인 Github 페이지, X(Twitter), 개인 이메일 주소를 링크할 수 있다. 근데 본인은 X는 계정이 없고, 잘 사용하지도 않는다. 이번 글에서는 X 대신에 LinkedIn 페이지를 연결해보자.

contact.yml 수정

Chirpy의 좌측 하단 링크들은 Repo의 /_data/contact.yml에서 관리된다.

_data/contact.yml 소셜 링크 설정 코드

코드 안에서 twitter 칸은 주석 처리하고, linkedin 코드를 붙여넣어주면 좌측 하단이 수정된 것을 확인할 수 있다.

LinkedIn으로 교체된 블로그 사이드바 소셜 링크

Instagram 링크 추가하기

그 외에도 FontAwesome에 등록된 아이콘을 불러와 인스타그램 링크도 등록할 수 있다. 링크 5개부터는 2줄로 링크 아이콘이 등록된다.

Instagram 링크 추가 후 2줄로 표시된 사이드바 소셜 링크 목록

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.