포스트

[Winebug 블로그] Chirpy 테마에 사이드바 메뉴 추가하기

Chirpy 테마 기반 Jekyll 블로그에서 _data/navigation.yml 없이 sidebar.html 직접 수정으로 메뉴 추가하는 방법을 정리합니다.

[Winebug 블로그] Chirpy 테마에 사이드바 메뉴 추가하기

🔍 사이드바 추가 방법

Jekyll 테마 중 하나인 Chirpy_includes/sidebar.html 파일을 통해 메뉴를 추가할수있습니다.
간단한 소스코드 추가를 통해사이드바 메뉴를 직접 추가할 수 있습니다.


📁 수정 파일 위치

/_includes/sidebar.html

🛠️ 수정 방법

side-bar

a href="/categories가 의미하는 내용 -> 코드가 실질적으로 인식하는 부분
i class=fa-fw fas fa-book -> 아이콘 삽입 및 정렬과 관련된 내용
대표적으로 몇개 예시 공유 드립니다.
추가적으로 다른 부분은 구글링을 통해 확인가능합니다.

fas : Solid(굵은 스타일)
far : Regular(보통 굵기)
fab : Brands(브랜드 로고

fa-book : 책 아이콘
fa-cube : 큐브 아이콘
fa-code-branch : Git 브랜치 아이콘

마지막으로 span code : 메뉴 이름 설정

위의 소스 코드를 입력하면 메뉴 추가가 완료됩니다.

다들 Git blog 만드실때 도움이 되셨으면 좋겠습니다.

다음 시간에는 마크다운 형식 가이드로 돌아오겠습니다.

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