웹사이트 개발 환경 구축하기

Development Environment

OpenChain KWG는 Hugo static site generator의 Theme인 Docsy를 기반으로 제작되었습니다. Hugo와 Docsy를 먼저 살펴보면 도움이 됩니다.

OpenChain KWG 웹사이트를 개발하는데 Docsy를 사용한 이유는 문서를 작성하고 배열하는데 적합해보였기 때문인데요, Docsy를 기반으로 개발한 아래 웹사이트(example)들을 보면 이를 확인할 수 있습니다.

Site	Repo (if public)
This Docsy documentation site	https://github.com/google/docsy
"Goldydocs" - a Docsy example site	https://github.com/google/docsy-example
https://www.kubeflow.org/	https://github.com/kubeflow/website
https://agones.dev/site/	https://github.com/GoogleCloudPlatform/agones/tree/master/site
https://googlecontainertools.github.io/kpt/	https://github.com/GoogleContainerTools/kpt/tree/master/docs
Navidrome Music Server	https://github.com/navidrome/website
https://docs.agilebase.co.uk/	https://github.com/okohll/abdocs

Install Hugo

개발환경 구성을 위해서 먼저 Hugo를 설치해야 합니다. 자신의 로컬 OS 환경에 맞게 Extended version을 설치하세요. : Install Hugo

Install NodeJS

Docsy의 CSS 리소스를 빌드하기 위해서는 PostCSS가 필요한데요, PostCSS는 npm install로 설치하게 됩니다. 따라서, 먼저 NodeJS가 설치되어 있어야 합니다. 로컬 환경에 맞게 NodeJS를 설치하세요.

이제 로컬에서 OpenChain-KWG 웹사이트의 코드를 빌드하고, 로컬 브라우저에서 열 수 있는 준비가 됐습니다.