Create Content
Learn how to create pages, posts, publications, events, and more. Understand content types, file structure, and frontmatter configuration.
HugoBlox supports various content types to structure your website effectively, from blog posts to event pages.
🚀 Quick Start
Choose your preferred way to create content:
The Ownable CMS extension for VS Code provides a visual interface for managing content.
- Open the Ownable sidebar in VS Code.
- Click the + (Create) button next to a content collection (e.g. Posts).
- Enter a title and press Enter.
Don't have the extension? Install Ownable CMS to get started.
Use the Hugo CLI to generate files with the correct frontmatter automatically.
hugo new content/blog/my-new-post.md
hugo new content/publications/my-paper/index.md
hugo new content/projects/my-project/index.md
hugo new content/events/my-talk/index.mdCreate files and folders manually in your file explorer.
- Navigate to the
content/folder. - Open the folder for your content type (e.g.
blog/). - Create a new file ending in
.md. - Add frontmatter to the top of your file — see each content type's guide for templates.
📦 Content Types
Landing Pages
Pages
Blog Posts
Publications
Projects
Events & Talks
Authors
Slides & Presentations
📂 File Structure
Mental Model
- Leaf page: A single
.mdfile (good for simple text). - Page Bundle: A folder containing an
index.mdfile + assets like images or PDFs (essential for Publications/Projects). - Type drives layout: The folder name (
post/,publication/) tells HugoBlox how to style the content.
Was this page helpful?
Markdown Cheat Sheet
Quick reference cheat sheet for Hugo markdown syntax — formatting, callouts, code blocks, math, diagrams, and shortcodes with examples.
Text Formatting
Learn how to use bold, italic, strikethrough, headings, subscript, superscript, and other text formatting in Hugo Markdown.
From the makers of
© 2026 Lore Labs.