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

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

 

 

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

http://www.gitbook.com/

 

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

 

 

 

 

 

 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

@ Gitbook 페이지 작성 

 

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

 

 

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

 

Initial Page(머리글)

Start Page(시작 페이지)

n  Sub1

n  Sub2

 

 

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

 

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

 

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

  

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

 

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

 

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

 

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