4 Content management with Hugo

 

This chapter covers:

  • Organizing Pages in a Hugo website into sections, menus and Hugo taxonomies
  • Bundling contents of a page into a Page Bundle
  • Using Hugo’s built-in and community provided shortcodes to get more features in Markdown.

A website is not just a bundle of web pages scattered at random URL locations. The pages need to be discoverable, organized into meaningful sections and there needs to be a way to navigate to them for a reader to be successful. Content in most websites is laid out with a strategy, grouped together, tagged and navigation cues are present in pages for the reader to navigate to others.

There are two distinct roles in a website’s development team - the content owner and the theme developer. The content owner decides the content that shows up in the website while the theme developer focuses on the how to surface content. In this chapter we will be playing the role of the content owner of the Acme Corporation website.

We will be looking into content organization and management in this chapter. We will also be organizing up the website configuration and using Markdown extensions (called shortcodes in Hugo) to be used in the website. The concepts introduced here will be used in the following chapters where we will move into the role of theme developer and try to understand what goes inside the theme that makes content appear the way it does.

4.1 Customizing with the Hugo config

4.2 Organizing content with sections and menus

4.2.1 Sections

4.3 Better together with Page Bundles

4.3.1 Leaf Bundles

4.3.2 Branch Bundles

4.3.3 Headless Bundles

4.4 More than tags – Taxonomies

4.5 YouTube, Gists and other snippets via Shortcodes

4.5.1 Shortcodes with content

4.5.2 Nested shortcodes

4.5.3 Built-in shortcodes

4.6 Content Sharing via Custom Shortcodes

4.6.1 HTML shortcodes

4.6.2 Markup based shortcodes

4.6.3 Inline shortcodes

4.7 Summary