hugo-workshop 템플릿 설명

사전 설치

1. HUGO 환경 설치 방법

   • HUGO 설치

   brew install hugo

   • git 설치

   brew install git

2. 템플릿 다운로드 및 설정(하단의 workshop-name은 수정해 주세요.) - 테마 업데이트까지 진행

   git clone https://github.com/studydev/hugo-workshop.git workshop-name
   cd workshop-name
   git submodule init 
   git submodule update

3. 한글 환경 추가 /themes/hugo-theme-learn/i18n/ 폴더에 ko.toml 설정 파일 추가

   [Search-placeholder]
   other = "검색..."
   
   [Clear-History]
   other = "기록삭제"
   
   [Attachments-label]
   other = "첨부"
   
   [title-404]
   other = "에러"
   
   [message-404]
   other = "죄송합니다. 페이지가 존재하지 않습니다. ㅜ_ㅜ."
   
   [Go-to-homepage]
   other = "홈으로"
   
   [Edit-this-page]
   other = "이 페이지를 편집"
   
   [Shortcuts-Title]
   other = "More"
   
   [Expand-title]
   other = "펼치기..."

4. HUGO Template 설정

   • config.toml 파일 열어서 아래 내용 수정, Google Analytics, 저자, 제목, 배포 옵션(배포 옵션은 HUGO 대신 AWS CLI나 CICD 배포 파이프라인을 만들면 됩니다.

       author = "Hyounsoo Kim"
   
   title = "HUGO 템플릿 활용하기"
   googleAnalytics = "UA-160433107-1"
   
   # 배포 옵션 정의, public 폴더에 컴파일 된 정적 컨테츠를 S3에 업로드 가능
   [deployment]
   [[deployment.targets]]
       name = "s3"
       URL = "s3://hugo.awsdemo.kr?region=ap-northeast-2"

HUGO 로컬 테스트

1. HUGO 서버 올리기 (port는 1313이며 -p 옵션으로 변경 가능)

hugo server -D

1. HUGO 테스트

http://localhost:1313/

1. HUGO 서버 컴파일 하기

hugo -d public

HUGO 배포

public 폴더를 S3에 배포한다. (사전에 AWS CLI가 설치되어 있고 설정이 되어 있어야 합니다.)

hugo deploy --target=s3