- Global headings: drop ALL CAPS, use sentence case + weight 700 - Post cards: refined date (small/uppercase/muted), cleaner title hierarchy - Single post: date metadata style, subtitle no-italic, body line-height 1.75 - Logo frame (#header .logo): border-radius 12px - All images: border-radius 8px (posts), 6px (gallery) - Smooth lazy-load: CSS fadeIn animation + JS fallback (image-fade.js) - Cache-busting: typography CSS with Hugo timestamp query string - Trip card: replace broken gallery link with direct Elbrus S3 image URL Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Hugo Theme Massively
Massively theme ported from HTML5 UP for use with the Hugo static site generator.
Demo
https://hugo-theme-massively.netlify.com/
Setup
Configuration
See the demo's configuration as an example:
https://github.com/curtiscde/hugo-theme-massively/blob/master/exampleSite/config-prod.toml
Hugo Internal Templates
The theme currently also supports the following "internal templates" supplied by Hugo
Cover Image
The cover image URL is hard-coded, therefore to replace this add an image to the following location in your Hugo application:
/static/images/bg.jpg
Supported Languages
Custom Front Matter
disableComments- If set totruethis will disable comments on the post when Disqus is enabled.
Custom <head>
If you wish to add custom CSS overrides, or other elements in the <head>, then this can be done by adding the following to the root of your Hugo app: layouts/partials/htmlhead.custom.html. Any content added to this file will then be injected at the end of the <head>.
Development
Example Site Production Deployment
Production Deployment
$ cd exampleSite
$ hugo --config config-prod.toml
Running Locally
$ npm i
$ npm run hugo-dev
OR
$ cd exampleSite
$ hugo server --themesDir ../..
Original Theme Credits
License
This hugo theme is licensed under the Creative Commons Attribution 3.0 License.
Read More - LICENSE
