hello-hugo


정적블로그를 하고 싶다는 생각이 들었다. 최근 Go언어를 하다보니 자연스럽게 Hugo를 알게 되었고 정적 사이트를 생성하는데 편리하고 속도가 빠른것을 알게되었다. 그래서 이제 블로그를 정적블로그로 만들기로 했다.

설치

설치는 Hugo installing을 참조하면 된다. 바이나리를 받아서 적당한 폴더에다가 넣어놓은뒤에 환경변수에 등록해주면 된다.

나같은 경우는 윈도우 환경이므로 윈도우 바이너리를 받은후 폴더도 생성하였다.

C:\hugo\bin\hugo.exe
C:\hugo\sites\

실행파일은 bin 폴더에다가 넣고 sites 라는 폴더에다가는 정적웹페이지를 생성하도록 하려고 구성하였다.

블로그구성하기

Hugo의 quickstart 문서를 보게되면 만들고자하는 사이트를 만드는 명령어가 나온다. 일단 sites 폴더로 이동한뒤에 아래 명령을 수행한다. 참고로 윈도우 탐색기에서 해당 폴더를 열고 Shift+마우스오른쪽 버튼을 눌러 여기서 명령창 열기 를 눌러도 된다.

$ hugo new site blog

여러개의 폴더와 문서가 생성된것을 볼수 있다.

##테마추가하기 Hugo 사이트에서 Theme Showcase를 눌러보면 여러 테마가 나온다. 맘에드는 테마를 골라서 설치하면 된다. 나는 윈도우 기준으로 설치하고 있으므로 테마 파일을 받은뒤에

C:\hugo\sites\blog\themes

위 폴더를 생상한뒤에 테마명으로 폴더를 생성하여 받은 파일을 풀어놓았다. 그뒤에 중요한 작업이 있는데

C:\hugo\sites\blog\config.toml

위 파일에

theme = "theme-name"

이 내용이 추가가 되어야 한다.

그리고 테마를 고르면 사용방법이 나오는데 위 config 파일에 테마 설정을 작성해 넣는식으로 사용한다. 이는 테마마다 사용법이 다르다.

Post 쓰기

hugo에서는 Post를 쓸때 Markdown 파일을 작성하도록 한다. 이글도 Markdown으로 쓰고 있다. quickstart 문서를 보면 Step3에 포스트를 작성하는 법이 나온다.

$ hugo new post/first-post.md

이 명령을 수행하고 나면 post라는 폴더와 위 이름의 .md 파일이 생성되어 있음을 확인할수 있다.

정적페이지 생성

md파일을 작성할때 Draft는 초고를 의미하므로 기본적으로 true로 되어있다. 이를 False로 바꾼뒤에 blog 폴더하에서

$ hugo

단순하게 위 명령만 치면 자동으로 페이지를 생성하여

C:\hugo\sites\blog\public 

위 폴더에 각종파일들이 생성된다. 이것들이 정적페이지들이다. 이를 호스팅하는 곳에 올리면 된다. 개인적으로는 github의 gh-pages 브랜치를 사용하고 있다.

로컬에서 확인

로컬에서 잠시 웹서버를 올려서 어떻게 보이는지 확인할수 있다.

$ hugo server

blog 폴더 안에서 위 명령을 실행하면 웹서버가 뜬다. localhost:1313/blog 이런식으로 접근하면 된다.

Draft 버젼 또한 보고싶은 경우가 있다. 이때는 -D 옵션을 준다.

$ hugo -D server

어찌보면 이렇게 블로그를 생성하는것은 불편하기도 한다. 명령어를 쳐서 파일을 만들고 폴더를 만든뒤에 집어넣어야 되고 생성을 시킨뒤에 그걸 또 호스팅 서버에 올려야 하기도 한다. 하지만 이렇게 만들어 놓으면 뭔가 명확하고 확실한 느낌이 난다. DB와도 상관이 없고 서버에 부담없이 깔끔하다. 다양한 기능이 필요가 없기에 이런 정적페이지 생성기가 유용해보인다.