Please Enable JavaScript!
Gon[ Enable JavaScript ]

깃허브(Github) GitBook 사이드 메뉴 추가하기

인터넷/기타
반응형

깃허브(Github) GitBook 사이드 메뉴 추가하기

 

환경: Chrome

 

깃허브에서는 참고 자료나 매뉴얼을 쉽게 만들 수 있도록 GitBook 이라는 웹 사이트 제작 서비스를 제공합니다. 일정 용량 이하는 무료로 사용할 수 있습니다. 오늘은 GitBook 에서 사이드 메뉴를 만드는 방법에 대해 알아 보겠습니다.

 

GitBook 화면 하단에 Edit 버튼을 클릭합니다.

깃허브(Github) GitBook 사이드 메뉴 추가하기

 

왼쪽 사이드에는 메뉴가 있고 오른쪽에 편집 화면이 나타납니다

깃허브(Github) GitBook 사이드 메뉴 추가하기

 


회색의 New Page 버튼을 누르면 새로운 페이지에 상단에 나타납니다. 제목은 Untitled 로 되어 있으며, 자신이 원하는 대로 편집이 가능합니다

깃허브(Github) GitBook 사이드 메뉴 추가하기

 

서브 페이지도 간단하게 만들 수 있습니다. 페이지를 하나 만들어서 제목 왼쪽 끝으로 마우스를 가져가면 포인트가 화살표에서 손 모양으로 바뀝니다. 이동이 가능하다는 의미입니다. 마우스를 클릭한 상태에서 움직이면 제목을 이동할 수 있습니다

깃허브(Github) GitBook 사이드 메뉴 추가하기

 

상위 페이지가 있는 곳으로 옮기면 서브 페이지가 됩니다. 서브 페이지는 계속해서 만들 수 있습니다. 몇 단계가 마지막인지는 모르겠네요

깃허브(Github) GitBook 사이드 메뉴 추가하기

 

더보기 메뉴를 클릭하면 타이틀 수정과 페이지 삭제 화면이 나타납니다

깃허브(Github) GitBook 사이드 메뉴 추가하기

 

New Page 의 또 다른 기능은 사이트 링크 메뉴를 만들기 입니다. 더보기 > New external link 메뉴를 클릭해 보세요

깃허브(Github) GitBook 사이드 메뉴 추가하기

 

사이트 링크 입력 화면이 나타나면 제목과 URL 주소를 입력합니다. 이제 자신이 작성한 페이지뿐만 아니라 사이트 링크 메뉴도 만들었습니다

깃허브(Github) GitBook 사이드 메뉴 추가하기

 

다음은 메뉴 그룹 기능입니다. 유사한 메뉴끼리 그룹으로 묶어서 구성할 수 있습니다. 아래에 New Group 메뉴를 클릭해 보세요. 그룹 생성 화면이 나오면 제목을 입력하고 Save 버튼을 누릅니다

깃허브(Github) GitBook 사이드 메뉴 추가하기

 

그림처럼 사이드에는 페이지와 링크 메뉴가 아닌 단순 텍스트로 된 그룹명이 2개 있습니다. 이런 식으로 유사한 메뉴는 묶어서 그룹을 짓는 것이 가능합니다.  

깃허브(Github) GitBook 사이드 메뉴 추가하기

반응형
Posted by 녹두장군1
,