Building with HugoBlox

Pages

Create standard pages like About, Contact, and Privacy Policy. Understand frontmatter, featured images, and page bundles.

Pages are for static, standalone content — About, Contact, Privacy Policy, Terms of Service, or any custom page that isn't part of a date-ordered collection.


Quick Start

  1. Open the Ownable sidebar in VS Code.
  2. Click + (Create) next to Pages.
  3. Enter a title and press Enter.

Install Ownable CMS for visual content management.

hugo new content/about.md
  1. Navigate to the content/ folder.
  2. Create a new .md file (e.g., about.md).
  3. Add the frontmatter template below.

File Structure

about.md # Simple page (leaf page)
privacy.md # Another simple page
index.md # Page bundle (page + assets)
map.png # Bundled asset

Leaf Pages vs. Page Bundles

  • Leaf page: A single .md file — simple, good for plain text.
  • Page bundle: A folder with index.md + assets (images, PDFs). Use when you need images or attached files.

Frontmatter Template

---
title: About Me
date: 2024-01-01
type: page

# Optional
summary: "A short summary for SEO and social sharing."
image:
  filename: featured.jpg
  caption: "Photo by..."

# Draft mode (won't publish until set to false)
draft: false
---

Your Markdown content goes here.

Place featured.jpg (or .png) in the page bundle folder:

index.md
featured.jpg

The image is automatically detected — no frontmatter needed!

Reference an image from the assets/media/ folder:

image:
  filename: my-image.jpg   # Located in assets/media/
  caption: "Photo credit: Unsplash"
  focal_point: Smart       # Smart, Center, Top, Left, Right, Bottom
  preview_only: false      # true = only show on listing, not on page

Quick Reference

FieldTypeDescription
titlestringPage title (required)
datedatePublication date
typepageContent type (defaults to page)
summarystringShort summary for SEO
image.filenamestringFeatured image filename
draftboolHide from published site

Was this page helpful?

From the makers of

© 2026 Lore Labs.

On this page