[Github Blog] 상단 카테고리(Category) 수정 - 3
시작하면서..
이전 단계에서 기본적인 세팅은 모두 마쳤습니다.
블로그 우측 상단의 카테고리를 설정해야 합니다.
Url 연결 방식이기 때문에, 원하는 Url을 기입하여 블로그외 사이트로의 리다이렉트도 가능합니다.
Navigation.yml
- 파일위치 : github.io 폴더 > _data 폴더 > navigation.yml 입니다.
title: “값”
title 값이 화면에 출력됩니다.
url: 값
url 값에 따라 특정 링크로 이동합니다.
sublinks:
부모인 메인 title에 부가적으로 생성되는 자식 카테고리입니다.
기본적으로 _pages 폴더 내에 .md 파일을 양식으로 사용합니다.
위의 코드에서, title: Introduce를 출력하고 url: /about/ about.md 파일을 양식으로 사용하는 페이지로 이동합니다.
즉, Introduce를 클릭하면, (username).github.io/about/으로 이동합니다.
_pages > about.md 수정
- 파일위치 : github.io 폴더 > _pages 폴더 > about.md 입니다.
다른 파일은 아직 수정하지 않아도 괜찮습니다.
우선, about.md 를 수정하여 자기소개 페이지를 만들어봅시다 !
permalink : 고유 주소 입니다.
(해당 값 변경 시, navigation.yml 값도 변경되어야 합니다.)
title : 출력 표시되는 제목 입니다. (/about/ 페이지로 이동 후, 좌측 상단에 표시됩니다.)
자기소개 페이지에 어울리지 않는 것 같아서, 주석(#)처리 하였습니다.
필요에 의해 주석처리 해제하시고 사용하셔도 무방합니다.
toc : 간단하게, 목차와 같은 기능을 합니다.
(깔끔한 느끔이 들지 않아서, 사용하지 않았습니다.)
필요한 기능이라면, false -> true 로 변경하시어 사용해주세요.
- toc : 목차 (클릭 시, 해당 주제로 이동.)
- toc_sticky : 스크롤 시, 항상 우측에 toc폼 고정
- toc_label : toc의 title을 설정합니다.
포스팅 시, Markdown 문법의 헤더(Header)사용으로 자동으로 toc에 등록됩니다.
자기소개 페이지 작성
- 파일위치 : github.io 폴더 > _pages 폴더 > about.md 입니다.
toc_label 하단의 - - - 이후 Markdown 문법 또는 html 문법으로 글을 작성해주면 됩니다.
저의 경우 html 문법으로 자기소개 글을 작성해보았습니다.
align=”center” : 출력되는 요소를 중앙 정렬합니다.
- Markdown의 경우, 앞뒤로 <’center’><’/center’>를 붙여줍니다. (‘제거)
‘h2’ ‘/h2’ : 제목 요소입니다. h2와 /h2 사이에 작성한 제목이 출력됩니다. (h1~h6 크기 설정)
- Markdown의 경우, #~##### 이후 입력합니다.
(Example)
Hi there 👋
I'm Junbeom Choi
‘p’ ‘/p’ : 일반 텍스트 요소입니다. p와 /p 사이에 작성한 텍스트가 출력됩니다.
- Markdown의 경우, 별다른 코드없이 텍스트를 입력합니다.
(Example)
무능한 개발자의 블로그입니다.
onclick=”sendEmail() : 해당 요소를 클릭 시, sendEmail() 함수를 실행합니다.
function sendEmail() : 지정한 이메일 클라이언트를 열도록 구성되어있습니다.
(Example)
💌 >Ask me<
상단 카테고리 완성
완성된 화면의 예시 입니다. 우측 상단 표시한 부분이 수정되었습니다.
우선은 title 부분부터 내용까지 차근차근 수정해봅시다.
자세한 카테고리 생성 및 설정 방법은 다음 게시물에 기록하겠습니다.
Introduce (또는 임의로 설정한 자기소개 페이지 이름)을 클릭하여, /about/으로 이동하는지 확인합니다.