Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
A dotted-paper, notebook-style Hugo theme for blogs with spine navigation, dark mode, and no external JS dependencies.
A Hugo blog theme that recreates the GNU Emacs interface with keyboard navigation, split windows, and Modus themes.
A minimal, sidebar-first Hugo theme for a personal blog and project showcase, with dark/light mode, search, and Mermaid support.
Sci-fi Hugo blog theme with dark/light mode, parallax banner, scroll animations, Fuse.js search, and multilingual support.
A retro Hugo theme emulating DEC VT220/VT100 CRT terminals, with phosphor color schemes and CRT effects — no JavaScript.
Notebook is a dotted-paper, notebook-style Hugo theme for blogs that renders markdown posts into a static site with a spine navigation and no external font or JavaScript dependencies.
Notebook is a Hugo theme for blog sites that makes posts look like they're written in a physical notebook. It takes content from Hugo's content/posts/ directory, reads front matter fields like title, date, and tags, and outputs card-based post listings plus individual post pages with reading time. The theme is built from scratch by Amuthavarsni Rajkumar, released under the MIT license, and requires Hugo extended version 0.146.0 or newer because the stylesheet is processed with Hugo Pipes (resources.Get | minify | fingerprint). No external fonts, JavaScript libraries, or build tools are needed.
The theme's visual identity comes from its dotted-paper background and colored margin line. A sticky vertical spine nav runs along that margin on desktop and collapses to a top bar on small screens. Links and titles get a highlighter-marker swipe on hover, while nav items and tags use a sweeping underline. A dark-mode toggle is persisted in localStorage and applied before first paint, so there is no flash; you can configure a default theme in the site params. Typography uses the system font stack, which matches the operating system UI and avoids downloading web fonts. Post cards include summaries, reading time, tags, and a turned-up page corner detail.
Personal bloggers who want a distinctive paper-notebook aesthetic without adding client-side weight. Technical writers and developers already using Hugo who need a minimal theme with no JavaScript build chain. Developers looking for a clean starting point to customize—colors are exposed as CSS variables in assets/css/notebook.css, with light theme variables in :root and dark in :root[data-theme="dark"].
Personal bloggers: drop TOML front matter into content/posts, including title, date, and tags, and the theme automatically renders reading time and tag links on the post header and card.
Developers: install Notebook as a Hugo module or a git submodule and keep the theme separate from site content; config settings like defaultTheme, ShowReadingTime, and DateFormat are set in hugo.toml.
Visual tinkerers: customize the accent, highlighter, margin, paper, ink, card, and dot-grid spacing colors by editing CSS variables like --accent, --margin, and --paper.
Install it as a Hugo module by running hugo mod init and adding the module path github.com/its-ammu/hugo-notebook, or clone it as a submodule into themes/notebook and set theme to notebook in your site config. Site content stays under content/posts/, and enabling markup.goldmark.renderer.unsafe lets you include inline SVG or HTML illustrations inside posts.
