Hugo 설정하기

작성자: Mike Neumegen

Hugo용 Git 기반 CMS인 CloudCannon에서 제공했습니다.



Hugo 튜토리얼 소개에 오신 것을 환영합니다. 이 시리즈의 목표는 기본적인 웹 디자인 지식을 가진 새끼 사자에서 첫 번째 Hugo 웹 사이트를 만드는 데까지 안내하는 것입니다. 이 시리즈에서는 Hugo 사이트를 설정하는 방법, Hugo 레이아웃, 파셜 및 템플릿 사용의 기본 사항, 블로그를 설정하고 마지막으로 데이터 파일을 사용하는 방법을 배웁니다. 이 시리즈가 끝나면 자신만의 Hugo 사이트를 구축하기 위한 기본 지식을 갖게 됩니다.

첫 수업을 시작하겠습니다.

휴고란?

Hugo는 정적 사이트 생성기입니다. 소스 파일의 디렉토리를 가져오고 순전히 정적 웹 사이트를 생성하기 위해 빌드 프로세스를 실행합니다.

Hugo를 독특하게 만드는 것은 unparalleled build speeds 레이아웃, 분류 및 콘텐츠에 대한 엄격한 규칙입니다. Let's Encrypt, 1Password, Linode 및 digital.gov.과 같은 유명 웹사이트를 지원하는 정적 사이트 생성기입니다.

휴고 설치

Hugo는 단일 바이너리로 배포되기 때문에 설치할 수 있는 가장 간단한 정적 사이트 생성기 중 하나입니다. Go 프로그램의 많은 특전 중 하나입니다.

macOS 또는 Linux를 사용하는 경우 Homebrew이 Hugo를 설치하는 가장 쉬운 방법입니다. Homebrew가 설치되면 다음을 실행할 수 있습니다.

    brew install hugo

Windows를 사용하는 경우 Chocolatey 패키지 관리자를 사용하는 것이 좋습니다. Chocolatey가 설치되면 다음을 실행합니다.

    choco install hugo-extended -confirm

모든 것이 계획대로 진행되었는지 세 번 확인합시다. 터미널에서 Hugo 버전을 확인합니다.

    hugo version

버전 번호가 출력되면 준비가 된 것입니다! 그렇지 않은 경우 Hugo documentation에 문의하거나 Hugo community forums에 문의하십시오.

Hugo 사이트 설정

터미널에서 Hugo 프로젝트를 저장할 디렉터리로 이동하고 다음 명령을 실행합니다.

    hugo new site my-first-hugo-site

Hugo가 사이트의 비계를 설정합니다. 즐겨 사용하는 코드 편집기에서 사이트를 열고 내용을 살펴보십시오.

이 단계에서는 별 의미가 없는 여러 디렉토리를 보게 될 것입니다. 각각에 대해 간략하게 설명하겠습니다. 지금 당장 이해하지 못하더라도 초조해하지 마세요. 우리는 친숙함을 구축할 이 튜토리얼 과정에서 그것들을 사용할 것입니다.

archetypes - 새 콘텐츠에 대한 기본 메타데이터(머리말이라고도 함)를 정의합니다. 이 시리즈의 원형에 대해 걱정할 필요가 없습니다.

config.toml - 곧 번성할 Hugo 사이트의 구성 파일입니다.

콘텐츠 - 페이지의 (일반적으로 마크다운) 콘텐츠가 여기에 있습니다.

데이터 - 읽기 전용 데이터베이스처럼 액세스할 수 있는 csv, json, xml 또는 toml 파일입니다.

레이아웃 - 콘텐츠의 페이지 템플릿입니다.

정적 - 처리가 필요하지 않은 모든 자산(종종 이미지, 글꼴, PDF 등)

테마 - 기존 테마로 Hugo 사이트를 바로 시작할 수 있습니다. (이 시리즈에서는 테마를 사용하지 않습니다.)

무엇 향후 계획?

Hugo 레이아웃의 기초를 배울 수 있는 다음 강의를 기대해 주세요.