A new use for Hugo: Presentations

Announcements
1

It’s far from what Hugo was originally designed for, or has any reason doing, but i’ve written a theme for Hugo, which uses revealjs to create slideshow presentations.

Features:

  • Use single pages for each slide, use sections for vertical slides.
  • Shortcode for text fragments
  • Fast build time (credit to Hugo, not me!)
  • Syntax highlighting from hljs
  • Customizing revealjs configuration at will
  • Specify themes for revealjs / hljs
  • Extensible using static css and js files

I wasn’t quite sure if this was a theme suited to the themes site, so i’ve posted it here to show it off instead. It’s fairly minimal right now, thought i’d throw something together and see what reaction was like. Any feedback, ideally constructive, or even PRs, would be greatly appreciated!

Repo: https://github.com/RealOrangeOne/hugo-theme-revealjs
Demo: https://realorangeone.github.io/hugo-theme-revealjs/

(I guessed announcements was the best section ¯_(ツ)_/¯ )

7 Likes
2

This is cool and very useful. You should add it to the themes site. I really like how you use sections for the vertical slides. It would be even cooler if you could navigate deeply (I currently see only one level in the example and in the template) – which should not be too hard to do.

3

Thanks! I’ll get a PR to the themes repo up soon!

There’s no real use in navigating deeply. There’s only 2 axis of slides (horizontal and vertical), so we only need to navigate a single level. It also forces people to structure the content/ directory how they want the presentation to be structured.

2 Likes