Hugo Layouts dan Templates: Baseof List Single dan Partials

Hugo menggunakan sistem template hierarchy yang fleksibel untuk mengatur struktur website. Memahami layouts adalah kunci untuk membangun themes yang scalable.

Template Hierarchy

Struktur Folder

layouts/
├── _default/           # Default layouts
│   ├── baseof.html    # Base template
│   ├── list.html      # List pages
│   └── single.html    # Single pages
├── partials/          # Reusable components
│   ├── head.html
│   ├── header.html
│   └── footer.html
├── shortcodes/        # Content shortcodes
├── _index.html        # Homepage
└── 404.html          # Error page