HUGO PAGED is a Hugo theme that recreates the feel of printed media for static websites, drawing direct inspiration from the paged.js project's website.
What is Hugo Paged?
Hugo Paged is an open-source Hugo theme that styles a static website with the layout and typography of printed pages. It takes a Hugo site's content and templates as input and outputs a static HTML site with a distinct book-like presentation. The theme lives in the public GitHub repository yihui/hugo-paged and is demonstrated live at paged.yihui.org. Its repository is tagged with css, hugo-theme, paged-media, and website, confirming its focus on CSS-based paged-media styling.
Key Features
- Paged-media-inspired design — Adapts the visual language of the paged.js website, which itself demonstrates CSS Paged Media for print.
- Built on Hugo — Works with the Hugo static site generator, so sites compile quickly and deploy anywhere static files can be hosted.
- CSS-driven print aesthetic — Achieves the printed look through CSS, aligning with the repository's css topic tag.
- Example site for development — Includes an exampleSite directory so you can run
hugo server --source exampleSite --themesDir ../..to preview the theme locally. - Open-source availability — The full template source is on GitHub under yihui/hugo-paged, making it free to study, use, and modify.
- Live demo — The theme is publicly viewable at paged.yihui.org, so you can see the printed-media styling in action before installing.
Who is it for?
- Authors and bloggers — who want their written content displayed with an editorial, print-like character rather than a standard blog layout.
- Hugo developers — who are looking for a distinctive theme to base custom work on, with CSS that can be adapted to their own typography.
- Design-conscious site owners — who appreciate the aesthetics of printed books and magazines and want that atmosphere on the web.
What can you do with Hugo Paged?
- Personal websites: present an online home page that resembles a printed title page or chapter opener.
- Long-form articles: publish essays or stories in a layout that emphasizes reading flow and page-like margins.
- Portfolio or project showcases: use the print-inspired style to make a small site stand out from typical template-driven designs.
FAQ
Is Hugo Paged free?
The theme's source code is publicly available on GitHub at yihui/hugo-paged, so you can download and inspect it. The repository does not mention any paid license, and Hugo themes of this kind are generally free to use.
Where can I see a live demo?
A live demo is available at paged.yihui.org, where you can browse the theme's actual look and behavior.
How do I run the theme locally during development?
Clone the repository, then run hugo server --source exampleSite --themesDir ../.. from the root of the clone. This starts Hugo's development server using the bundled example site.
What does "paged media" mean?
Paged media refers to content that is split into discrete pages, as in print. The theme uses CSS techniques inspired by CSS Paged Media to give a webpage the structure and feel of printed sheets.
