Hugo Theme Dopetrope

Hugo Theme Dopetrope is a Hugo static site generator theme, ported from the HTML5 UP Dopetrope design, that generates portfolio and blog websites with Disqus comment support.

What is Hugo Theme Dopetrope?

Hugo Theme Dopetrope is a theme for the Hugo static site generator, ported from the HTML5 UP Dopetrope template by curtis.cde (the repository owner). It consumes Hugo content files — Markdown with front matter — and produces a static website with dedicated sections for portfolio items and blog posts. The theme requires Hugo version ^0.94.2 as indicated by the project badge, and it ships with an example site configuration for quick testing.

Key Features

• Portfolio and blog layouts — The theme includes distinct layouts for portfolio items and blog posts, each driven by front matter fields like title, date, image, thumbnail, description, author, slug, and draft.
• Disqus integration — Blog comments are powered by Disqus; set your Disqus account in config.toml and add a unique disqusid to each post to display comments and homepage comment counts.
• Per-page sidebar control — The hidesidebar front matter option hides the sidebar on individual pages, giving layout flexibility.
• Hardcoded cover image — The cover image is hardcoded to /static/images/pic01.jpg; replacing that file swaps the image without touching layout code.
• Live demo — A working demo is hosted on Netlify at https://hugo-theme-dopetrope.netlify.com/, and the example site configuration is included in the repository.
• Creative Commons licensed — The theme is released under the Creative Commons Attribution 3.0 License, consistent with the original HTML5 UP template.

Who is it for?

• Hugo developers — Quickly scaffold a portfolio or blog site using a proven HTML5 UP design without building layouts from scratch.
• Creative professionals — Photographers, designers, and writers can present portfolio pieces and blog posts with a clean, responsive layout.
• Self-hosted bloggers — Set up a lightweight static blog with Disqus comments and per-page sidebar control.

What can you do with it?

• Portfolio showcase: Publish project entries with images, thumbnails, and descriptions using the portfolio layout.
• Blog publishing: Write Markdown posts, control metadata via front matter, and enable reader comments through Disqus.
• Site customization: Hide the sidebar on specific pages, replace the cover image, and adjust the disqus account from config.toml.

How does it work?

Clone or copy the theme into your Hugo site's themes directory, then copy the example site's config-prod.toml and adapt it. Add content files with the documented front matter fields, set your Disqus account (if needed), and run hugo --config config-prod.toml to build the static site. The theme's layouts pull the front matter values to populate portfolio and blog pages.

License

This Hugo theme is licensed under the Creative Commons Attribution 3.0 License, matching the original HTML5 UP Dopetrope template's terms.