Frontend

Hugo Book 테마의 본문 레이아웃을 개선하는 방법을 소개합니다. 본문 헤더에 제목과 커버 이미지를 추가하고, 푸터에 이전/다음 게시글 네비게이션과 태그 목록을 구현합니다. Disqus 댓글 시스템 연동과 스크롤 진행도, 최신글 목록 등 부가 기능까지 안내합니다 …

Hugo Book 테마에서 Fuse.js 기반 검색 인덱스를 분석하고 검색 UI를 개선하는 과정을 소개합니다. 검색 페이지를 구현하면서 검색 성능을 최적화하고 템플릿 일관성을 보장하기 위한 방식을 알아봅니다.

Hugo의 taxonomies 기능을 활용하여 태그와 카테고리 페이지를 커스터마이징하는 방법을 소개합니다. 게시글 목록 템플릿과 페이지네이션 구현, 태그 및 카테고리 페이지 추가, 메뉴에 카테고리를 통합하는 과정을 안내합니다.

Hugo Book 테마의 구조를 이해하고 메인 레이아웃을 개선하는 방법을 소개합니다. 메뉴 영역에 프로필 사진과 소셜 링크를 추가하고, 목차 영역에 하이라이트와 스크롤 이동 버튼을 구현하는 과정을 안내합니다.

Hugo 블로그 프로젝트 기획부터 구조 설계까지 단계별로 안내합니다. 타 블로그 플랫폼과 비교하고 Hugo 테마를 선정하는 방법을 소개하며, GitHub Pages와 Submodule을 활용한 효율적인 배포 방법을 설명합니다.

Hugo PaperMod 테마 커스터마이징 가이드입니다. Archive, Search 페이지 추가, 검색 엔진 등록(Google, Naver, Bing), KaTex 수식 표현, CSS 너비 조정, 새탭 링크 오픈, Go Template 활용 등 기법을 다룹니다. …

Hugo PaperMod 테마에 Utterances 댓글 기능을 추가하는 방법입니다. Github Issues 기반의 무료 댓글 시스템 Utterances 설치, 레이아웃 커스터마이징, 동적 설정 방법을 설명합니다. Disqus 대신 Utterances를 선택하는 …

Hugo와 PaperMod 테마를 이용한 깃허브 블로그 구축 가이드입니다. Hugo 설치, Github 저장소 생성, Submodule 연동, 테마 설정, 포스트 작성, Github Pages 배포 과정을 설명합니다. 쉘 스크립트를 활용한 자동 배포 방법도 포함합니 …

깃허브 블로그를 시작하는 가이드입니다. Jekyll과 Chirpy 테마를 활용한 깃허브 블로그 생성, 설정, 배포 방법을 단계별로 설명합니다. Github Pages 설정, YAML 설정 파일 커스터마이징, Front Matter를 이용한 포스트 작성 방법을 다룹니 …