목차

로컬에서 블로그 만들기

hugo 설치하기

1. brew를 이용하여 hugo를 설치합니다.

$ brew install hugo

2. hugo의 버전을 확인하여 잘 설치되었는지 확인합니다.

$ hugo version

블로그 만들기

1. hugo를 이용하여 블로그를 만듭니다.
   • 블로그의 이름으로 폴더가 만들어집니다.

$ hugo new site test-blog
# test-blog 폴더가 생성된다.

테마 추가하기

이번 포스팅에서는 Stack 테마를 사용합니다. 다른 테마들은 Hugo Themes에서 찾아볼 수 있습니다.

1. 만들어진 폴더로 이동합니다.

$ cd test-blog

2. git 저장소를 초기화 합니다.

$ git init

3. Stack 테마를 서브모듈로 추가합니다.

$ git submodule add https://github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack

4. vscode를 실행시킵니다.

$ code .

5. config.toml 파일에 아래의 코드를 추가합니다.

theme = "hugo-theme-stack"

[params.defaultImage.opengraph]
enabled = false

6. 블로그를 로컬에서 가동 시킵니다.

$ hugo server

7. 웹브라우저를 이용하여 http://localhost:1313/ 로 접속해봅니다.

   • 블로그 가동 시 나오는 주소입니다.

     Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)

   • control + C를 누르면 기동이 중지됩니다.

목차 / 다음글