Web Fundamentals

Hugo static site generator: overview, content model, and build

Andrew Dorokhov

Andrew Dorokhov schedule 1 min read

open_in_new Hugo is a fast static site generator written in Go. You write Markdown (and templates), run hugo, and get a folder of HTML, CSS, and assets ready to host anywhere.

This section covers project structure, configuration, templates, themes, Tailwind setup, taxonomies, data sources, asset pipelines, and common features such as search, pagination, and related content.

code

Need Help with Development?

Happy to help — reach out via the contacts or go straight to my Upwork profile.

work View Upwork Profile arrow_forward

article Contents (17)

Hugo taxonomies: tags, categories, terms layouts, and disabling

Hugo pagination: Paginator, page size, and Bootstrap markup

Hugo related content: keywords, Related, and related indices

Hugo data sources: local files, remote JSON, and GetPage

Hugo client-side search: Lunr, JSON index, and search UI

Hugo JSON output: custom list.json and section outputs

Hugo images: static files, page bundles, Resize, and shortcodes

Hugo asset pipes: CSS, Sass, JS concat, minify, and fingerprint

Webpack with Hugo: theme assets, npm scripts, and watch mode

Hugo integrations: Google Analytics, Disqus, and RSS feeds

Tailwind CSS with Hugo: PostCSS, build pipeline, and integration

Hugo content syntax: Markdown, shortcodes, and front matter

Hugo themes: install, configure, and override templates

Hugo templates: layouts, partials, and Go html/template

Hugo configuration: config.toml, site title, and baseURL

Hugo project structure: content, layouts, static, and archetypes

Hugo installation: binaries, package managers, and first site