기술 스택
블로그를 구현하기 위해 사용한 기술 스택은 다음과 같습니다.
이 블로그에 게시글을 올리기 위해서는 대부분의 블로그 게시글을 작성하듯 웹페이지에서 글을 작성하면 됩니다.
내부적으로는 다음과 같은 과정을 거치게 됩니다.
- Gitbook 에서 제공하는 웹 에디터를 통한 글을 작성한다.
- Gitbook 과 연동된 Github 저장소에 작성한 글이 동기화된다.
- Github Action 은 동기화 시점에 자동으로 Gitbook 파일 빌드와 Github Pages 배포를 진행한다.
왜 이렇게 만들었나요?
이전에는 Jekyll 을 활용하여 블로그를 관리했었습니다. Jekyll 을 활용해서 글을 작성하기 위해서는 게시하려는 글의 본문 이외에도 메타 데이터, 게시글의 위치, 날짜 등 게시글 작성에 필요한 다양한 것들을 작성자가 일일이 직접 지정해 주어야 했습니다. 당시에는 높은 자유도를 통해서 필요한 기능을 직접 코드를 작성하여 만들거나 수정할 수 있다는 점이 개발 공부에 도움이 되어 매력적인 방식이었습니다.
하지만 지속적으로 글을 작성하기에 필요한 반복적인 작업이 많아 피로도가 높았습니다. 그래서 조금 더 편하게 글을 쓰기 위해 글을 작성하는 일 이외의 불필요한 과정들을 줄일 수 있는 방법을 고민하였습니다. 그러던 중 Gitbook 을 통해 구현한 예시들을 보게 되었고 심플하고 가독성 높은 UI 가 마음에 들어 시도해보기로 결정했습니다.
셋업을 위해 다른 분들이 작성한 여러 방법들을 찾아보았습니다. 하지만 대부분의 방식은 Gitbook 의 웹 에디터를 통해서 작성하는 것이 아닌 소스코드를 직접 수정하고 빌드하는 기존에 제가 활용했던 Jekyll 의 방식과 유사했습니다. 그러던 중 Gitbook 의 Github 저장소 Synchronize 기능을 알게 되었고 이를 활용하여 자동 배포 프로세스를 만들어 원하던 방식의 블로그를 만들어 낼 수 있게 되었습니다.
어떻게 만들면 될까요?
이어지는 튜토리얼 페이지를 참고해서 진행해주시면 됩니다.