hugo와 github pages로 간단히 블로그 만들기 - 블로그 만들기

목차

로컬에서 블로그 만들기

hugo 설치하기

  1. brew를 이용하여 hugo를 설치합니다.
1
$ brew install hugo
  1. hugo의 버전을 확인하여 잘 설치되었는지 확인합니다.
1
$ hugo version

블로그 만들기

  1. hugo를 이용하여 블로그를 만듭니다.
    • 블로그의 이름으로 폴더가 만들어집니다.
1
2
$ hugo new site test-blog
# test-blog 폴더가 생성된다.

테마 추가하기

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

  1. 만들어진 폴더로 이동합니다.
1
$ cd test-blog
  1. git 저장소를 초기화 합니다.
1
$ git init
  1. Stack 테마를 서브모듈로 추가합니다.
1
$ git submodule add https://github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack
  1. vscode를 실행시킵니다.
1
$ code .
  1. config.toml 파일에 아래의 코드를 추가합니다.
1
2
3
4
theme = "hugo-theme-stack"

[params.defaultImage.opengraph]
enabled = false
  1. 블로그를 로컬에서 가동 시킵니다.
1
$ hugo server
  1. 웹브라우저를 이용하여 http://localhost:1313/ 로 접속해봅니다.
    • 블로그 가동 시 나오는 주소입니다.

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

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

목차 / 다음글

Hugo로 만듦
JimmyStack 테마 사용 중