DEV Community

Leron Luo
Leron Luo

Posted on

hugo is a cli based tool, does it have a CMS interface? it seems inconvinient using command line than using a cms interface

You're right to ask about tags and categories! Hugo does support them, but it's a bit different from how traditional CMSs handle them. Here's how it works:

Hugo's approach to tags and categories:

  • Front matter: Hugo uses "front matter" in your content files (usually Markdown) to define metadata, including tags and categories. This metadata is written in YAML format.
  • Taxonomies: Hugo uses the concept of "taxonomies" to organize content. Think of taxonomies as a way to group your content based on different criteria. Tags and categories are examples of taxonomies.
  • Templating: Hugo's templating system allows you to display content based on its taxonomies. You can create lists of posts by tag, categories, or even custom taxonomies you define.

Example:

Let's say you have a blog post about "Cooking with Mushrooms" in a file named cooking-with-mushrooms.md. You might add the following front matter to it:

---
title: "Cooking with Mushrooms"
date: 2023-10-26T15:00:00-05:00
draft: false
tags:
  - mushrooms
  - cooking
  - recipes
categories:
  - food
---

... (Your blog post content here) ...
Enter fullscreen mode Exit fullscreen mode

How to use tags and categories in your Hugo website:

  1. Define taxonomies: You'll need to define your taxonomies in your config.toml file. This tells Hugo how to handle tags and categories.
  2. Add tags and categories to your content: As shown in the example above, you'll add tags and categories to the front matter of your content files.
  3. Create templates: You'll need to create templates (HTML files) that display your content based on the taxonomies. Hugo's templating system provides tools for this.

Key points:

  • Hugo doesn't have a visual interface for managing tags and categories. You'll be doing it through your content files and templates.
  • Hugo's approach is more flexible and powerful than traditional CMSs, but it requires a bit more technical knowledge.

Resources:

Let me know if you have any other questions!

Do your career a big favor. Join DEV. (The website you're on right now)

It takes one minute, it's free, and is worth it for your career.

Get started

Community matters

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

AWS GenAI LIVE!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️