1. Hugo 설치
- MacOS
// 설치
$ brew install hugo
// 설치 확인
$ hugo version
hugo v0.82.0+extended darwin/amd64 BuildDate=unknown
2. Hugo Project 생성
hugo new site <프로젝트명>
3. Hugo 테마 다운로드
휴고 테마 사이트 위 사이트에서 원하는 테마를 확인 가능.
원하는 테마를 찾으면 프로젝트의 /themes 폴더에서 아래 명령어로 다운
$ git clone <테마 깃허브 주소>
그 후 config.toml 파일 수정 (여기서는 config.yml 파일로 변경하였다.) config 파일 예시는 각 테마 깃허브에서 확인 가능.
# config.yml
baseURL: "https://<userid.github.io>/<repo name>/"
title: "블로그 타이틀"
theme: "테마명" # /themes 폴더에 다운 받은 테마폴더명
4. 포스팅 하기
프로젝트 내에서
$ hugo new <파일이름>
ex) hugo new post/test.md 라고 입력하면 content 폴더내부에 content/post/test.md 경로로 파일 생성.
5. 로컬서버에서 블로그 확인
$ hugo server -D
-D 옵션을 주면 draft: true인 글도 확인가능하다. 기본적으로 http://localhost:1313/ 로 확인 가능.
6. build 및 push
hugo project를 push할 repo와 빌드한 public 파일을 push할 repo를 따로 만든다. 프로젝트 루트에서
$ git init
$ git remote add origin <첫번째 repo>
// 두번째 repo를 첫번째 repo의 submodule로 지정
$ git submodule add -b master <두번째 repo> public
// build
$ hugo
// push
$ cd public
$ git add .
$ git commit -m "<커밋 메세지>"
$ git push origin master
$ cd ..
$ git add .
$ git commit -m "<커밋 메세지>"
$ git push origin master