[Github Blog] 카테고리(Category) 생성 - 4
시작하면서..
이전 단계에서 상단 카테고리 및 간단한 자기소개 페이지(about.md)를 작업해보았습니다.
이번 시간에는 나에게 맞는 카테고리를 설정하고, md파일을 생성하는 방법에 대해 알아보겠습니다.
카테고리 파일(.md) 생성
- 파일위치 : github.io 폴더 > _pages 폴더 > categories 폴더 (신규생성) > (카테고리명.md)
저는 카테고리 예시로 Blog.md 파일을 생성하겠습니다.
위 코드를 참고하시어, 여러분들이 원하는 이름의 카테고리를 생성해봅시다 !
#새로운 카테고리 생성 시
- 파일위치 : github.io 폴더 > _data > navigation.yml
항상 새로운 카테고리를 생성 시, 카테고리의 permalink를 navigation.yml에도 동일하게 적용시켜주셔야 합니다.
위 코드를 참고하여 ,카테고리.md 파일을 생성하고 navigation.yml의 title 및 permalink를 추가하여 카테고리를 제작해봅시다 !
완성된 출력 화면입니다.
#sub 카테고리 생성 시
Masthead.html 수정
- 파일위치 : github.io 폴더 > _includes > masthead.html
ul class=”visible-links” 하단의 코드에 Dropdown 관련 코드를 추가하였습니다.
_navigation.scss 수정
- 파일위치 : github.io 폴더 > _sass > minimal-mistakes > _navigation.scss
Ctrl + F > .greedy-nav 검색 (171째 행)
기존의 .greedy-nav 를 위 코드로 대체합니다.
Navigation.yml 수정
- 파일위치 : github.io 폴더 > _data > navigation.yml
sublinks를 사용하기 위해선, 부모 카테고리의 url을 제거하거나, 주석(#)처리 해야합니다.
부모 카테고리 (main:)
‘Introduce’의 url을 주석 처리하였습니다.
자식 카테고리(sublinks:)
‘About Me’
기존 ‘Introduce’에 사용하던 about.md 의 permalink를 url로 사용하였습니다.
자식 카테고리인 ‘About Me’를 클릭하면 about.md 페이지로 이동합니다.
‘Career”
_pages > categories 폴더내에 ‘Career.md’파일을 생성해야 합니다.
위 코드를 참고하여 md파일을 작성한 뒤 navigation.yml의 url을 동일하게 설정해주세요.
완성
- Introduce > About Me 를 클릭하게되면 /about/ 으로 이동하게 됩니다.
- Introduce > Career를 클릭하게되면 /career/ 으로 이동하게 됩니다.