Hugo-based blog theme derived from Hugo-Tufte
HugoBlog
tuftesque — Hugo Blog Template
By nstrayer
tuftesque is a Hugo-based blog theme derived from Hugo-Tufte and adjusted for code-focused blogs, used by the author for their own blogdown blog.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Retains Tufte-style CSS with adjustments for code-focused blogs
Homepage uses a non-sidebar layout
Site-wide background color can be changed via Params.backgroundcolor in config.toml, default #fffff8
README states it is primarily intended for blogdown use
MIT licensed, allowing modification, commercial use, and distribution
Template Details
tuftesque is a Hugo theme whose README states it is primarily intended for blogdown use cases. It is derived from Hugo-Tufte, retains the Tufte-style CSS, and makes several modifications on that basis to better suit code-centric blogs: the homepage no longer uses a sidebar layout, and it includes some minor CSS adjustments. The author uses it for their own blog, Live Free or Dichotomize.
The theme provides a small number of site-level parameters. The only one explicitly documented in the README is the background color: set via Params.backgroundcolor in the blog's config.toml, with a default of light cream #fffff8. The README indicates that more detailed customization can be found in the author's blog post about the theme, and notes that the documentation is still incomplete.
The repository uses the MIT license, permitting free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and the full MIT license notice are retained when distributing. Third-party assets such as images, fonts, and icons in the demo site must be checked separately under their respective licenses.
HugoBlog
Is it right for your project?
Use Cases
- Building a personal blog focused on text and code with Hugo
- Generating a static blog site in a blogdown workflow
- Wanting to retain Tufte typography without a homepage sidebar
- Blog projects that need a simple site-wide background color adjustment
Suitable For
- Bloggers using Hugo or blogdown
- Writers who prefer Tufte-style typography
- Technical blogs publishing code-containing content
- Users who accept customizing by reading the source code and limited documentation
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The theme targets Hugo; the README states it is primarily for blogdown blogs
- 2
Set backgroundcolor in the [params] section of the blog's config.toml to change the site-wide background color; default is #fffff8
- 3
The README indicates more customization options can be found in the author's blog post about tuftesque, and the repository documentation is still incomplete
- 4
To modify theme files, copy the corresponding files into the blog's layouts/ directory
- 5
Third-party assets such as images, fonts, and icons in the demo site must be checked under their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to this version of the code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/nstrayer/tuftesque/blob/master/LICENSE.mdhttps://github.com/nstrayer/tuftesque/blob/master/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 72 / 100
- Technologies
- Hugo
- Website type
- Blog
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2019-10-30
- Screenshot last checked
- 2026-10-02
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Hugo as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 11b7aa8cdc6b1d715e9bac0a5e33ed93fb6f33895c4f8c71720d8db0085ea993
2026-10-02T10:22:26.529Z
Source file / repository# Tuftesque Hugo Theme
A hugo (but meant for blogdown) theme heavily inspired by the Tufte theme css but with a few customizations that make it more suibtable to a code-centric blog. These include a non-sidebared main page and some tiny css tweeks. Used in our blog [Live Free or Dichotomize](http://livefreeordichotomize.com/). Forked from [Hugo-Tufte](https://github.com/shawnohare/hugo-tufte).
## Site Parameters
There are a few things you can tweak with the theme that require very little effort. (Everything can be changed if you just copy the file containing what you want to change into your personal `blogPath/layouts/` directory).
__Background Color__
You can change the background color of the whole website by adding a value in your blog's `config.toml` with the value `Params.backgroundcolor`. E.g.
```
...
[params]
...
backgroundcolor = "steelblue"
...
```
It currently defaults to the hex value `#fffff8` which is a light cream color.
For a more detailed explanation of how to customize your blog using `tuftesque` see [this blogpost](http://livefreeordichotomize.com/2017/07/13/introducing-the-tuftesque-blogdown-theme/) on the subject.
... more docs to come.Explore similar templates
Compare previews and descriptions within the same stack and category.
hugo-PaperMod
A fast, clean, responsive Hugo theme for blogs and lightweight portfolios, with three layout modes (Regular, Home-Info, Profile), automatic and manual light/dark themes, Fuse.js client-side search, multilingual support, and built-in Open Graph, Twitter Cards, and Schema.org data.
Hugo · Portfolio
LoveIt
LoveIt is a clean, elegant, and feature-rich Hugo blog theme derived from LeaveIt and KeepIt, MIT-licensed. It offers light/dark modes, responsive layout, multilingual support, and search via Lunr.js or Algolia.
Hugo · Blog
hugo-coder
hugo-coder is a minimalist Hugo blog theme maintained by luizdepra under the MIT license. It provides a clean, text-focused blog appearance, configuration documentation in the docs directory, and a complete exampleSite with hugo.toml.
Hugo · Blog
blowfish
Blowfish is a Hugo personal website and blog theme built with Tailwind CSS 4, focused on lightness, simplicity, and content-first presentation.
Hugo · Blog
hugo-paper
hugo-paper is a simple, clean, and customizable Hugo blog theme configured through config.toml or hugo.toml.
Hugo · Blog
hextra
Hextra is a Hugo theme for documentation and blog sites, built on Hugo and Tailwind CSS with design referencing Nextra.
Hugo · Documentation