Advanced

Hugo는 정적 사이트 생성기로, 기본적인 마크다운 렌더링 외에도 확장성을 통해 다양한 고급 렌더링 기술을 지원합니다. 이 글에서는 D2를 사용하여 다이어그램을 생성하고, Marp를 활용하여 Markdown 기반 프레젠테이션을 생성하는 과정을 다룹니다. 설치와 설정부터 Hugo와의 통합, 그리고 실전에서의 활용 사례까지 단계별로 설명하며, D2와 Marp의 장점을 극대화하는 방법을 제공합니다.

Table of Contents

• Marp 렌더링
• D2 다이어그램 렌더링
• D2 렌더링 응용
• Marp IFrame 경로 에러 해결 방법