10 Oct 2022

[Blog] Chirpy Theme 새로운 탭 추가

새로운 탭 생성 방법

chirpy 테마에서 새로운 탭 생성하는 법 및 아이콘 삽입 방법입니다.

_tabs/ 폴더를 보면 왼쪽에 표시되는 탭들에 대한 정보를 파일로 만들어놓았습니다.

들어가보면 기본적으로 yaml 파일 형식으로 작성되어 있습니다.

layout: categories
title: Categories
icon: fas fa-stream
order: 1

공식 문서, 위키에도 자세히 나와있지 않아 정확한 정보가 아닐 수 있지만 아래와 같다고 보시면 됩니다.

layout: 어떤 레이아웃을 사용할 것인지 정의. 레이아웃이 적혀있지 않으면 md 형식 파일대로 작성되고 categories나 archives, tags는 각각의 형식대로 만들어 준다. 만약 정의되지 않은 단어를 레이아웃에 작성 시 테마 미적용된 단순 html 화면이 출력된다.(테마를 정의하는 방법은 아직 모르겠습니다.)

title: 왼쪽 탭 및 탭 진입 시 나오는 제목을 출력한다.

icon: 아래에서 추가 설명

order: 탭에서 몇 번째 위치하는 지 나타내는 순서이다.

아이콘 삽입 방법

아무 아이콘이나 가져와서 작성하면 되지 않고 https://fontawesome.cc/ 에서 나오는 아이콘만 할 수 있는 듯 합니다.

복사한 아이콘을 아래처럼 icon 부분에다가 입력만 하면 자동으로 chirpy가 불러와 줍니다!

title: Portfolio
icon: fas fa-file-alt
order: 5
Thank You For Reading
SeungJun Jeon

점점 강해지고 있습니다.

comments powered by Disqus