[Hugo] 정적 포트폴리오 만들기

정적사이트 생성기 Hugo 사용 ( 같은 라이브러리로 Jekyll 등이 있음)

장점

속도가 빠르다
다른언어 학습에 대한 부담이 적다

 

 

1. 윈도우 기준 Hugo 사이트로 가서 설치

https://gohugo.io/installation/windows/

Windows

 

2. Anaconda 가상환경을 이용한 설치

conda install hugo

# 설치후 확인 (0.139.3 사용)
hugo version

 

3. hugo 프로젝트를 생성

hugo new site 사이트 폴더명

cd 사이트 폴더명
# hugo-resume 사용
hugo new theme 테마명

 

4. hugo 서버 실행 및 빌드

# 서버 실행
hugo server
# 캐시 초기화후 실행
hugo server --cleanDestinationDir

# 빌드
hugo
# 빌드시 baseURL 이 적용안되었을때
hugo --baseURL "url주소"

 

5. hugo.toml 파일 수정

title = "타이틀"
baseURL = "도메인 주소"
languageCode = "en-us"
theme = "사용할 테마명"

 

6. 이후 페이지 꾸미는 작업

≫ layouts, data, static 폴더에 내용을 추가하면서 받은 테마를 참고하여 만든다.

 

참고 github

# 정적 사이트 만드는 패키지
https://github.com/obinkwon/portfolioData.git

# 정적 사이트 빌드된 public 소스
https://github.com/obinkwon/obinkwon.github.io.git