[Git Blog] 메뉴구성하는방법

1 분 소요

모든 post들을 구분짓기 위해서 각post들의 YFM 설정들에 categories와 tags 를 설정해주어야 한다. 그후 설정되어진 categories들을 전체카테고리에서 세분화하는 방식으로 진행한다. 여기서, md파일이란 markdown 파일로 2004년 존그루버에 의해 만들어진 txt기반의 파일이다. 이는, 쉽게 html로 변환이 가능하며, 깃허브의 readme 파일이 md파일로 만들어져서 최근에 각광받기 시작했다. 또, YFM(YAML Front Matter) 이란, YAML 은 YAML Ain’t Markup Language(재귀적인 이름에서 유래됨)의 약자로, 사람이 쉽게 읽을수있는 데이터 직렬화 양식이다. YFM은 상하단에 하이픈(-) 3개를 표시하여 시작과 끝을 표현하며, YAML을 이용하여 Title,date,categories,tags 등등을 정의할수있다. 그외의 내용이나 더자세한내용들은 구글링을 통해 공부해보고…

다시돌아가서, 각 post들에 categories와 tags를 설정해줘보자.

Seperated_pic

위와같이 YFM을 정의해준다. 여기까지하고 page에 들어가서 확인해보면

Categories_pic

와같이 되었음을 알 수있다. 하지만 지금은 클릭해봐야 페이지가 만들어 지지않아 404not found와 같은 오류가 발생한다.

이제, 상단 메뉴바에서 Category 라는 메뉴를 만들어 보자. navigation은 page home 상단메뉴를 구성 하는 md파일이다. /data/navigation 을 열어 그림과 같이 Title 과 url을 만든다.

Navigation_pic

그런다음 navigation 에 적었던, url page는 아직 형성되지 않은상태이기 때문에, page를 만들어보자.

/pages/ 경로에 category.md 를 만들어 category 페이지를 만들어준다.

Category_pic

Title은 제목,layout 은 구성하는 레이아웃 형식 ,permalink는 레이아웃의 경로이다. /categories/ 경로는 config 에서 category_ahieve 의 path 와 같다. 이제 categories를 형성했으니, 카테고리들속에 개별카테고리를 만들어보자. 지금만든것은 전체카테고리 이고, 메뉴아래에 블로그만들기 카테고리를 만들것이다.

위와같이 /pages/ 경로에 howtomake.md를 만들어 페이지를 생성한다.

HowToMake_pic

그림과같이 permalink에 /categories/howtomake 을 구성했다면, categories page 아래에 category 한개(howtomake)가 생성되었음을 알수있다. 여기서 taxonomy 는 이카테고리의 이름이다.

layout 형식의 categories는 여러개의 카테고리들을 모두묶어서 표현해주고, category는 하나의 카테고리 만 표현해줌을 알수있다.

댓글남기기