---
title: "Building Modern Websites with Hugo"date: 2024-11-27T14:30:00-07:00tags: ["hugo", "static-site-generator", "web-development"]
categories: ["Technology", "Tutorials"]
authors: ["Jane Smith"]
# Cover image configurationcover:
image: "hugo-website.jpg"alt: "Hugo logo with website mockups"caption: "Hugo makes building websites fast and fun"imageDisplay: truecaptionDisplay: true# Display optionsshowFrontMatter: truetoc: true# Page type (use "page" for documentation, "post" for blog posts)type: "post"---
Your content starts here...
Quick Reference
Minimal Post
YAML
1
2
3
4
---
title: "My Post"date: 2024-11-27---
Simple Page (No Metadata)
YAML
1
2
3
4
---
title: "About"type: "page"---
Blog Post with Cover
YAML
1
2
3
4
5
6
7
8
9
---
title: "My Article"date: 2024-11-27tags: ["blogging"]
cover:
image: "cover.jpg"caption: "A beautiful cover image"toc: true---
Important Notes
Page Bundles: Cover images must be placed in the same directory as your markdown file (page bundle structure)
Type Behavior: Setting type: "page" completely bypasses metadata display, regardless of other settings
Default Values: Most boolean parameters default to true or follow site-wide configuration
Taxonomy Clouds: Displayed only on desktop views (hidden on screens < 1300px)
Reading Time: Automatically calculated based on word count and site-configured reading speed