깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

인터넷/기타

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

환경: Chrome

 

깃허브에서는 참고 자료나 매뉴얼을 쉽게 만들 수 있도록 GitBook 이라는 웹 사이트 제작 서비스를 제공합니다. 일정 용량 이하는 무료로 사용할 수 있습니다. 웹 사이트는 제목과 본문으로 나누어진 심플한 형태로 일반인들도 쉽게 제작이 가능합니다. 오늘은 GitBook 사이트에 계정을 생성하고 사이트를 만들어 보겠습니다.

 

먼저 GitBook 사이트에 접속합니다. 사이트 주소는 다음과 같습니다. 계정이 있어야 하므로 오른쪽 상단에 Sing up 버튼을 눌러 회원가입을 합니다.

http://www.gitbook.com/

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

회원 가입 후 제대로 인증처리를 해야 합니다. 확인 메일에서 링크를 클릭합니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 


인증 링크를 클릭하고 홈으로 접속합니다. 제대로 처리가 되었다면 Access user email address 에 녹색 체크가 표시 됩니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

이제 사이트를 만들어 보겠습니다. 먼저 프로젝트를 생성해야 합니다. 화면 중앙에 있는 Create a new organization 버튼을 클릭합니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

프로젝트 생성의 첫 번째 단계는 사이트 이름을 정하는 것입니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

다음은 사이트 주소를 위한 URL 이름을 정해야 합니다. 사이트 이름은 도메인 앞에 들어갑니다. 전체 도메인 주소는 [사이트이름].gitbook.io 가 됩니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

세 번째 단계에서는 프로젝트 제목을 입력해야 합니다. 프로젝트 제목은 사이트 왼쪽 상단에 들어갑니다.

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

마지막으로 개별 프로젝트 명을 정합니다. 프로젝트는 여러 개 만들 수 있기 때문에 구분을 위해 주소 [사이트이름].gitbook.io 뒤에 Project URL 이 붙습니다. 아래 예제에서의 전체 프로젝트 주소는 nodu.gitbook.io/pyqt5 입니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

자신이 만든 프로젝트의 공개 여부는 무조건 Public 입니다. 무료로 만들기 때문에 프로젝트에서 자신이 작성한 글은 공개를 원칙으로 합니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

공개 여부까지 설정을 마치면 사이트 생성이 완료가 됩니다. 주소는 왼쪽 상단에 나타납니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

Gitbook 프로젝트가 생성되었습니다. 이제 페이지를 작성해 보겠습니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

@ Gitbook 페이지 작성

 

페이지 작성을 위해서 새로 만든 프로젝트 사이트로 접속합니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법


 페이지 구조는 다음과 같습니다머리글과 시작 페이지를 만들고 2단계까지 페이지를 만들 수 있습니다. Initial Page, Start Page 페이지는 이미 만들어져 있으며수정을 해야 합니다.

 

Initial Page(머리글)

Start Page(시작 페이지)

n  Sub1

n  Sub2

 

 Initial Page 페이지를 자신의 입맛에 맞게 수정하기 위해서 오른쪽 상단 더보기 > Edit this page 메뉴를 선택합니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

 gitbook 에서는 페이지 작성을 위한 샘플 가이드를 제공합니다아래쪽에 나타난 메뉴 목록에서 Guide 를 선택합니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

 페이지에는 각 단락별로 샘플이 생성됩니다단락은 박스형태로 구분이 되어 있습니다박스에 입력된 텍스트 스타일은 왼쪽 끝에 버튼을 통해서 변경할 수 있습니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

  

스타일 변경 바로 옆에 큐브 모양의 점을 마우스로 클릭한 상태에서 끌어 보세요. 박스는 위/아래로 이동이 가능합니다. 단락별로 편집해서 손쉽게 배치가 가능합니다.  

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

배포 메뉴에는 2가지가 있습니다. Save as Draft 는 임시 저장을 뜻합니다. Publish 는 바로 배포합니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

임시 저장 버튼인 Save as Draft 를 누르면 페이지 명을 지정해야 합니다. 입력 박스에 임시 저장할 페이지명을 입력하고 Save 버튼을 클릭합니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

 

페이지 작성이 끝났다면 Publish 버튼을 눌러 배포해 보세요. 자신의 사이트에 결과가 바로 반영이 됩니다. 이상으로 페이지를 만들고 글을 작성한 후 배포하는 방법까지 알아 보았습니다

깃허브(Github) 에서 제공하는 GitBook 사이트 만드는 방법

Posted by 녹두장군