HugoBlog

hurock — Hugo Blog Template

By TiTi

hurock is a Hugo blog theme with a classic sidebar layout, emphasizing no external resource dependencies, responsive design, and clean HTML structure.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided previewTop of page

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Classic sidebar layout, with content first and sidebar after

02

No external JS, CSS, or font resource dependencies

03

Client-side syntax highlighting with switchable highlight.js themes

04

Provides shortcodes for Vimeo, YouTube, and Gist

05

Responsive design, and includes a 404 page

06

Clean HTML structure, README claims W3C validation

Template Details

hurock is a blog theme for Hugo that uses a classic sidebar layout, with the content area first and the sidebar after it. The theme aims to reduce external dependencies: it does not include external JavaScript, CSS, or font resources; styles are written directly in the head, and scripts are placed before the end of the body.

In terms of features, the theme provides client-side syntax highlighting (using highlight.js, with the theme switchable via the highlight_theme parameter, but you must place the corresponding CSS in the static/highlight/ directory yourself), supports shortcodes for Vimeo, YouTube, and Gist, includes responsive design, and comes with a 404 page. The README states that its HTML structure passes W3C validation and that the output is relatively clean.

Configuration is done via TOML at the site root, allowing you to set the site title, description text below the logo, author information (name, email, and GitHub, Twitter, Facebook, LinkedIn links), as well as optional disqusShortname, gtagID, highlight_theme, and notoc. notoc is used to hide the table of contents; the README notes that when using the permalinks parameter, table of contents links do not work properly in the current Hugo version (0.13).

The theme's layout and style reference nofancy and are inspired by themes such as hyde-x, lanyon, liquorice, purehugo, and redlounge. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses.

HugoBlog

Is it right for your project?

Use Cases

  • Building a personal Hugo blog focused on article reading
  • Sites that want to reduce external resource requests and inline styles and scripts
  • Needing to embed Vimeo, YouTube videos, or Gist code snippets in articles
  • Blogs that need to organize post permalinks by year/month

Suitable For

  • Bloggers using Hugo who prefer a classic sidebar layout
  • Developers who want a theme that does not introduce external CDN resources
  • Sites that need a simple header/footer they can modify themselves

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Set baseurl, title, and fields under params such as Description and author information in the site configuration TOML

  2. 2

    To use a syntax highlighting theme, modify the highlight_theme parameter and place the corresponding CSS in the static/highlight/ directory

  3. 3

    When using the permalinks parameter, the README notes that table of contents links do not work properly in the current Hugo version (0.13); you can use notoc to hide the table of contents

  4. 4

    Optionally configure disqusShortname and gtagID to enable comments and Google Analytics

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean 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

  • When switching highlight.js themes, you must place the corresponding CSS file in the site's static/highlight/ directory yourself; the theme does not include these style files.
  • When using the permalinks parameter, table of contents links do not work properly in the current Hugo version (0.13); use the notoc parameter to hide the table of contents.
  • Comment functionality is optional; you must configure disqusShortname yourself to enable Disqus comments.
  • Google Analytics is optional; you must provide a gtagID yourself to enable analytics.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; they cannot be judged solely by the code's MIT license.
  • External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

you'll have to add the corresponding css in your `static/highlight/` folder

Original README

the table of contents links are not working with current Hugo version (0.13)

Original README

disqusShortname = ""

Original README

gtagID = "Google Analytics Tracking ID"

Original README
https://github.com/TiTi/hurock/blob/master/LICENSEhttps://github.com/TiTi/hurock/blob/master/README.md

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 · 57 / 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
2024-10-17
Screenshot last checked
2026-10-02

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

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: 0fc9134bde2b5a772ba9fa2d6b226339cdddee14142ea97ece580c7b89b92df5

2026-10-02T10:15:36.075Z

Source file / repository
# hurock
A classic sidebar Hugo theme

[My personnal Hugo blog](https://titi.github.io/)

# Screenshots

Home page links:

<img src="https://raw.githubusercontent.com/titi/hurock/master/images/screenshot1.png" width="800" />

Home page posts:

<img src="https://raw.githubusercontent.com/titi/hurock/master/images/screenshot.png" width="800" />

List view:

<img src="https://raw.githubusercontent.com/titi/hurock/master/images/screenshot2.png" width="800" />

Content view:

<img src="https://raw.githubusercontent.com/titi/hurock/master/images/screenshot3.png" width="800" />

404 error page:

<img src="https://raw.githubusercontent.com/titi/hurock/master/images/screenshot4.png" width="800" />

Mobile:

<img src="https://raw.githubusercontent.com/titi/hurock/master/images/screenshot5.png" />

# Concept

* No external ressources (js/css/fonts)
* Easy to add stuff in header/footer
* Syntax highlight on client side using [highlight.js](https://highlightjs.org/)
* Responsive design
* Shortcodes for vimeo/youtube/gist
* W3C valid
 * Clean HTML
 * Sidebar after content
 * CSS in head, JS before end of body
* Fun 404 page!

Theme mostly insipred on theme `nofancy` but also: `hyde-x`, `lanyon`, `liquorice`, `purehugo`, `redlounge`.

# Config

``` toml
baseurl = "http://example.com"
title = "Your site title"

[params]
  Description = "text under logo"
  # Optional
  disqusShortname = ""
  gtagID = "Google Analytics Tracking ID"
  highlight_theme = "tomorrow-night"
  notoc = true
  [params.author]
    name = "Your Name"
    email = ""
  
    github = ""
    twitter = ""
    facebook = ""
    linkedin = ""

# Optional sections:
[permalinks]
  posts = "/:year/:month/:filename/"

[blackfriday]
  plainIdAnchors = true
```

* You can change the `highlight.js` theme, see `highlight_theme` parameter, but you'll have to add the corresponding css in your `static/highlight/` folder.
* `notoc` means no TableOfContents. It is used to hide the table of contents. Indeed, in case you're using the permalinks parameter, the table of contents links are not working with current Hugo version (0.13).
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

hugo-PaperMod

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

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

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

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

hugo-paper is a simple, clean, and customizable Hugo blog theme configured through config.toml or hugo.toml.

Hugo · Blog

hextra

hextra

Hextra is a Hugo theme for documentation and blog sites, built on Hugo and Tailwind CSS with design referencing Nextra.

Hugo · Documentation