휴고(Hugo) 설치하는 방법(나 혼자 웹사이트 만들기: 초간단 주의)

    안녕하세요. 이번 포스팅에서는 제가 최근에 웹사이트를 만들고 있어서 그 과정 중에 필요한 내용들을 정리하며 공유해 보려고 합니다. 저는 Github PageHugo를 사용해서 웹사이트를 만들고 있는 중인데요. Github Page는 웹사이트의 소스를 배포할 수 있는 서버의 역할을 해주는 것으로 원하는 정보를 찾기 위해서 인터넷에서 검색을 할 때 github.io라는 url을 가진 블로그들을 볼 수 있는데, 이렇게 github.io로 끝나는 url을 가진 사이트들이 Github Page로 만든 사이트이며, hugo는 자신의 웹사이트 컨텐츠들을 담은 소스를 말합니다. 

     

    이렇게 Github Page와 Hugo를 사용하면 비교적 간단하게 자신만의 웹사이트를 만들 수 있기 때문에 저도 이번에 개인 웹사이트를 만들면서 이 두 가지 방법을 사용하기로 했습니다. Hugo를 설치하는 방법은 매우 간단한데, 아래의 절차 그대로 따라하시면 됩니다.

    ▶ Hugo 설치하는 방법

    아래의 사이트로 들어가서 자신의 OS버전에 맞는 파일을 다운로드 받습니다.

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

    제가 웹사이트 만들기 작업을 위해서 사용하고 있는 PC는 윈도우 64비트이기 때문에 아래의 목록 중에서 빨간 박스 안에 있는 파일을 다운로드 받았습니다.

    hugo 다운로드 화면

    다운로드 받은 파일은 압축된 파일로 되어 있기 때문에 원하는 경로로 압축을 풀어주도록 합니다. 저는 C 드라이브에 아래의 경로와 같은 폴더를 만들어서 해당 폴더 내부에 압축을 풀었습니다.

     

    * 나중에 압축을 푼 파일 경로를 환경 변수로 추가해야 하기 때문에 저와 동일하게 폴더를 만들고 압축을 푸는 것을 추천드립니다.

     

    hugo 압축 풀기

    압축을 풀었으면 이제 환경 변수에 추가해서 어디서든 cmd로 hugo에 대한 명령어를 사용할 수 있도록 합니다.

    아래와 같이 검색해서 시스템 환경 변수 편집 화면으로 이동합니다.

    시스템 환경 변수 편집

    시스템 속성의 고급 탭으로 이동했다면 가장 아래에 위치한 환경 변수 버튼을 선택해서 이동하도록 합니다.

    상단에 위치한 사용자 변수에서 Path 변수를 선택하고 편집 버튼을 눌러 이동합니다. 

    환경 변수 설정 화면
    환경 변수 편집 화면

    환경 변수에 추가를 완료하면 cmd에서 아래의 명령어를 통해 추가 된 환경 변수를 모두 확인할 수 있습니다. 환경 변수 설정이 잘 완료 되었다면 cmd를 통해서 아무 곳에서든지 hugo의 명령어를 사용할 수 있어야 하는데 만약 hugo를 찾을 수 없다는 메시지가 뜨면서 명령어 실행이 안 되는 경우에는 꼭 아래의 명령어를 통해서 등록되어 있는 환경 변수들을 확인하시기를 바랍니다.

    echo %path%

    이렇게 환경 변수 설정까지 마치면 cmd를 열고 아무 곳에서나 hugo version 명령어를 입력해서 아래와 같이 설치 된 hugo 버전을 확인할 수 있습니다.

     

    hugo 설치 완료 확인하기

    이렇게 hugo를 설치하는 방법에 대해서 정리해보았습니다. hugo를 설치하는 과정은 어렵지 않기 때문에 (그 다음 hugo의 테마를 커스터마이징하는 것이 까다로울 수 있지만...) 자신만의 멋진 웹사이트를 만드는 것을 시도해보면 좋지 않을까 싶습니다. hugo 설치 과정에 도움이 되었으면 좋겠습니다. 감사합니다.

    댓글

    Designed by JB FACTORY