Yore

Yore is a minimalist Hugo theme focused on reading. See demo site here.

Features

• 17:1 ultra high text contrast ratios, far exceeding WCAG-AA 4.5:1
• Prioritizes information delivery
• 3 distinct header options
• 2 page hero styles
• 3-layered CSS structure for flexible styling
• Semantic CSS layer for consistent visual customization
• Multilingual support
• Multi-version content support
• Article series support
• Keyboard navigation support
• RTL support
• Automated responsive image
• Perfect Google Lighthouse scores on desktop and mobile
• GDPR cookie consent banner
• TailwindCSS v4 lightweight CSS framework
• PhotoSwipe image galleries
• ECharts interactive charts
• MathJax LaTeX notation
• Pagefind site search
• Mermaid diagram
• SVG Toolbelt diagram zooming
• iconoir and fontawesome SVG icon set

Installation

Note

On Windows, use PowerShell instead of CMD.

Create a new site if you haven't already:

hugo new site my-site --format yaml
cd my-site

Install Yore:

git init
git submodule add https://github.com/ZhenShuo2021/hugo-yore themes/hugo-yore
echo "theme: hugo-yore" >> hugo.yaml

Create contents:

hugo new content/blog/_index.md
hugo new content/blog/first/index.md
hugo new content/blog/second/index.md

Start development:

hugo server -D

It's recommended to start your project with our preconfigured hugo.yaml.