Skip to main content

Hugo 설치부터 배포까지 A to Z

·384 words·2 mins
미뇽
Author
미뇽
안녕하세요! 기술로 세상을 이롭게 만들고 싶은 개발자 미뇽입니다.
Table of Contents

정적 사이트 생성기(Static Site Generator), 그중에서도 Go 언어로 작성되어 압도적인 빌드 속도를 자랑하는 Hugo에 대한 관심이 뜨겁습니다. 저 또한 Hugo를 활용하여 블로그를 구축하고 운영하면서 다양한 경험과 노하우를 글로 기록해왔습니다.

그동안 작성했던 Hugo 관련 글들이 여러 곳에 흩어져 있어 정보를 찾아보기 불편하다는 의견이 있었습니다.

그래서 오늘은 Hugo를 처음 시작하는 입문자부터, 테마를 직접 수정하고 배포 자동화를 고민하는 분들까지 모두를 위해 제가 작성한 모든 Hugo 관련 글을 한 페이지에서 쉽게 찾아볼 수 있도록 정리했습니다.

이 글 하나만 북마크해두시면, Hugo 블로그 운영에 필요한 모든 정보를 얻어 가실 수 있을 겁니다.

Hugo 시작하기: 설치 및 기본 사이트 생성
#

Hugo를 처음 접하는 분들을 위한 시리즈입니다. Hugo 설치부터 기본 사이트 생성 방법, Github Actions를 통해서 배포까지 안내합니다.

Ubuntu에서 Hugo로 나만의 블로그 만들기
·611 words·3 mins
MacOS에서 Hugo로 나만의 블로그 만들기
·647 words·4 mins
Android Termux에서 Hugo 블로그 만들기
·548 words·3 mins
Hugo 프로젝트를 위한 완벽한 .gitignore 설정 가이드
·612 words·3 mins
Hugo 블로그, GitHub Actions로 자동 배포하기
·651 words·4 mins

Hugo 테마: 커스터마이징과 나만의 기능 추가
#

미리 만들어진 테마를 설치하고, 내 입맛에 맞게 수정하는 방법을 다룹니다. HTML/CSS 기본 지식이 있다면 누구나 따라 할 수 있도록 쉬운 내용부터 고급 기법까지 차근차근 설명합니다.

테마 설치하기
#

HUGO 블로그 최고 인기 테마, PaperMod 적용 완벽 가이드
·523 words·3 mins
Hugo 블로그에 Hextra 테마 적용하는 가장 간단한 방법
·285 words·2 mins
Hugo 블로그에 Blowfish 테마 적용하기
·391 words·2 mins

Blowfish 테마 설정하기
#

Blowfish 테마: 기본 저자 정보 설정하기
·244 words·2 mins
Blowfish 테마: 사이트 제목과 로고 설정하기
·293 words·2 mins
Blowfish 테마: 메뉴 설정 가이드 (Main, Footer, Dropdown)
·532 words·3 mins
Blowfish 테마: 파비콘(Favicon) 설정하기
·417 words·2 mins

콘텐츠 작성과 관리: 마크다운과 Frontmatter, Shortcode 활용법
#

Hugo에서 콘텐츠를 어떻게 작성하고 관리하는지에 대한 글들입니다. 마크다운 문법을 기본으로, 콘텐츠의 메타 데이터를 관리하는 프론트매터(Frontmatter)와 콘텐츠 구조를 정의하는 아키타입(Archetypes) 활용법을 다룹니다. Frontmatter와 Shortcode 등의 특수한 기능은 특정 테마에서만 지원하는 경우가 많기에 이후에는 blowfish theme 기준으로 설명하겠습니다.

Blowfish 테마: 콘텐츠 구조화 가이드
·508 words·3 mins
HUGO 새 글 작성하기
·483 words·3 mins
Blowfish 테마: 섬네일 & 히어로 이미지 설정 방법
·246 words·2 mins

앞으로도 Hugo와 관련된 유용한 팁과 정보가 생기면 이 글에 꾸준히 업데이트할 예정입니다. Hugo를 사용하시면서 궁금한 점이나 막히는 부분이 있다면 언제든지 댓글로 질문 남겨주시기 바랍니다.