Let’s create own blog

 

Step 1. 블로그 폴더 생성

  • c://hugo 의 경로에서 $ hugo new site [폴더이름] 을 입력한다. 여기서 폴더이름은 말 그대로 터미널 상에서 접근할 폴더이름일 뿐, 생성하고자 하는 블로그의 이름이 되진 않는다. (예시는 blog로 하였다.)

  • 폴더를 만들었으면 $ cd blog && ls 를 입력해 생성된 폴더의 내부를 확인한다.
    -> 정상적으로 생성이 되었으면 archtypes, assets, config.toml 등 여러 파일과 폴더들이 생성된 것을 확인할 수 있다.

테스트

$ hugo server 명령어를 입력하고 localhost:1313 을 크롬, 파이어폭스등 웹브라우저 주소창에 입력해 생성된 사이트를 확인해보자. 아직은 빈 화면만 있을것이다.

 


 

Step 2. 테마 적용하기

  • hugo themes link 로 이동하여 원하는 테마를 선택한다.
  • 각 테마 소개 화면에서 Demo를 클릭하면 각 블로그의 예시를 체험해볼 수 있다. 마음에 드는 테마를 찾았으면 Download 버튼을 클릭 후 테마의 repository 로 이동한다.

테마 다운로드

  • 테마의 repository url를 복사한다.
  • c://hugo/blog/themes 경로에서 $ git clone [repository url]를 입력하여 테마를 다운로드한다.
    ($ git submodule 명령어를 사용하여도 된다. 사실 hugo getting started에서는 submodule 명령어로 테마를 추가하라고 명시되어있다.)

테마 적용

  • 편집기를 이용해 config.toml파일을 연뒤, 마지막줄에 theme = "다운로드받은 테마 폴더명"을 추가해준다.

 


 

Step 3. 컨텐츠 포스팅

테스트 파일 생성

  • c://hugo/blog의 경로로 돌아가 $ hugo new post/test.md 커맨드를 입력한다.
  • 그러면 content 폴더안에 post 라는 폴더가 생기고 그 안에 test.md 파일이 생성된다.

확인하기

  • $ hugo server -D 커맨드를 입력하고 localhost:1313으로 들어가본다. 그러면 아까 생성한 test.md 글이 업로드 된것을 확인해 볼 수 있을것이다.

참고

각 테마마다 폴더 구성이 조금씩 다르지만, 기본적으로 테마를 받은 폴더안에는 exampleSite라는 폴더가 있을것이다. 만약 잘 안된다면 이 폴더를 잘보고 자신의 blog 로컬경로와 비교해가며 확인해보는 것도 좋다.