Hugo 블로그 만들기

 

https://gohugo.io/getting-started/quick-start/

Quick start

 

필자는 위 링크를 통해 Hugo 페이지를 만들어봤다.

 

 

 

 

준비물 

1. git 다운로드 링크

 

https://git-scm.com/downloads

Git - Downloads

 

본인이 쓰는 운영체제를 골라서 다운 받는다. 

 

 

뭘 다운 받아야 할 지 모르겠다면 "Click here to download"를 눌러서 다운 받는다. 

 

 

 

 

 

 

2. hugo 다운로드 링크 

https://github.com/gohugoio/hugo/releases

Releases · gohugoio/hugo

 

 

본인에게 맞는 extended 파일을 다운 받는다. 

 

 

 

다운로드 zip을 압축해제해준다.

C:\Hugo\bin 에 압축해제해주었다. 

 

 

 

 

 

 

 

 

 

환경 변수 설정

 

Window + Q 버튼을 눌러 "시스템 환경 변수 편집" 을 검색해 환경 변수 설정을 열어준다.

Path를 누르고 편집(E)을 누른다.

 

 

 

 

 

 

새로 만들기(N)을 누르고 C:\Hugo\bin 을 입력해준다.

 

 

 

 

그리고 나서 cmd를 실행한 후 

hugo version

을 입력했을 때 버전이 잘 나오면 환경 변수가 제대로 설정이 된 것이다.

 

 

 

 

 

 

 

 

 

사이트 만들기 

 

프로젝트를 만들 폴더를 생성해주자.

해당 폴더에서 밑 명령어를 실행할 것이다. 

hugo new site quickstart
cd quickstart
git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
echo "theme = 'ananke'" >> hugo.toml
hugo server

 

 

 

hugo new site quickstart(프로젝트명)

프로젝트에 대한 디렉토리를 만드는 명령어이다.

 

 

 

위 명령어를 실행하고 폴더에 들어가보면 

위와 같은 구조가 생겨난 걸 볼 수 있다.

 

 

 

 

 

 

cd quickstart & git init & git submodule add [링크]

cd quckstart : quckstart폴더로 이동

git init : 새로운 Git 저장소(repository)를 생성

git submodule add [링크] : 테마 복제 

 

 

 

https://themes.gohugo.io/

Complete List

테마는 이곳에 여러가지가 있다

 

 

 

 

 

 

hugo server

서버 실행 

 

멈추고 싶다면 Ctrl + c 버튼을 누르면 된다.

 

 

localhost:1313 에 접속하면 페이지가 올라간 걸 볼 수 있다! 

 

 

 

 

 

 

다음 글은 글을 추가하는 방법에 대해서 포스팅 해보겠다.