Two-column layout, with a tree navigation on the left showing the site hierarchy, referencing suckless's mini sitemap design
HugoPortfolio
bodhi — Hugo Portfolio Template
By rhnvrm
Bodhi is a minimal personal website theme for Hugo that uses a two-column layout, with a tree navigation on the left presenting the site structure, suitable for personal homepages, projects, and blog content.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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.
Built-in dark mode, syntax highlighting, RSS output, and site search
Supports Disqus and Commento comments, and can connect to Google Analytics and Fathom Analytics
Provides Twitter cards and Open Graph tags, and supports AddToAny sharing
Navigation is divided into a left-right split menu bar and a custom tree navigation that supports parent-child levels
Post metadata is streamlined, including reading time and pagination with page number indicators
Template Details
Bodhi is a Hugo theme published on GitHub, positioned as a simple, minimal personal website theme. It uses a two-column layout, with the left column displaying the site hierarchy as a tree navigation; the author notes this design references the suckless website's approach of treating the two columns as a mini sitemap. The theme includes dark mode, syntax highlighting, RSS output, built-in search, pagination, and reading time and other post metadata, and supports Twitter cards and Open Graph tags. For comments, it integrates Disqus and Commento; for analytics, it can connect to Google Analytics and Fathom Analytics; for sharing, it can connect to AddToAny. Navigation offers two menus: a menu bar that can be split left and right, and a custom tree navigation that supports parent-child levels.
Usage is to clone the repository as a Git submodule into the Hugo site's themes/bodhi directory, and set theme = "bodhi" and corresponding parameters in config.toml. The example configuration given in the README includes site parameters such as baseURL, title, subtitle, avatar, author, footerMessage, as well as three menu definitions: menu.main, menu.main_right, and menu.nav, where menu.nav builds the tree hierarchy via the parent field. The example also includes configuration items for Google Analytics and Fathom Analytics, the Commento script address, the Goldmark unsafe rendering switch, the outputs setting for the homepage to output HTML/RSS/JSON, and the highlight code highlighting option.
Limitations: the theme's features are based on the items listed in the README; content not stated should not be assumed to exist; capabilities such as comments, analytics, and sharing depend on the corresponding third-party services, and you need to provide your own account or self-hosted address. The repository uses the MIT license, and this version of the code may be used, modified, used commercially, and distributed for free, but third-party assets such as demo images, fonts, and icons need to be checked separately under their respective licenses.
HugoPortfolio
Is it right for your project?
Use Cases
- Building a personal homepage, using tree navigation to organize pages such as projects, blog, tags, and categories
- Writing a technical blog, requiring code syntax highlighting, RSS subscription, and site search
- Integrating Disqus or Commento comments for posts, and tracking visit data
- A personal site that switches between dark and light reading modes
Suitable For
- Developers building a personal website or portfolio with Hugo
- Site authors who prefer a minimal two-column layout and tree navigation
- Users who need configurable integration of third-party services such as comments, analytics, and sharing
- Hugo projects that want to include the theme as a Git submodule
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
In the Hugo site, run git submodule add https://github.com/rhnvrm/bodhi themes/bodhi to add the theme as a submodule
- 2
Set theme = "bodhi" in config.toml, and fill in params such as subtitle, avatar, author, and footerMessage as needed
- 3
Configure the menu.main, menu.main_right, and menu.nav menus; menu.nav uses the parent field to build the tree hierarchy
- 4
Comment, analytics, and sharing features require you to provide the corresponding service addresses or accounts, such as commentoSrc, googleAnalytics, and Fathom siteID
- 5
The example configuration enables Goldmark unsafe rendering and sets the homepage outputs to HTML, RSS, and JSON; confirm whether this meets your site's needs before use
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 is this version of the code and does not mean that external services or third-party assets are free.
Must comply with when using
- This version of the code may be used, modified, used commercially, and distributed for free.
- 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
- The comment feature depends on the third-party service Commento; you must provide your own self-hosted instance address or account, otherwise comments are unavailable.
- Google Analytics tracking requires you to apply for and fill in a tracking ID; it is an external service, not a built-in capability of the theme.
- Fathom Analytics requires your own siteID and self-hosted server address; it is an external service dependency.
- The example configuration enables Goldmark unsafe rendering, allowing raw HTML injection; assess the security impact yourself before use.
- Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses and 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
commentoSrc = "https://commento.myselfhostedinstance.net/js/commento.js"
Original README
googleAnalytics = "xxxx"
Original README
[params.fathomAnalytics] siteID = "XXXXX" serverURL = "https://fathom.myselfhostedinstance.net"
Original README
https://github.com/rhnvrm/bodhi/blob/master/LICENSEhttps://github.com/rhnvrm/bodhi/blob/master/README.mdunsafe= true
Original README
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
- More documented · 75 / 100
- Technologies
- Hugo
- Website type
- Portfolio
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
- 2026-06-03
- 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: cdf740ce463b47b194f9fdd9c7d4ba1a1a1ab6f20c96ceb94452bda2a146f5a6
2026-10-02T20:01:43.305Z
Source file / repository# Bodhi - Hugo Theme
Bodhi is a simple, minimal, personal website theme for Hugo.
[Demo](https://themes.gohugo.io//theme/bodhi/blog) | [Github](https://github.com/rhnvrm/bodhi)
## Previews
## Features
- Google and Fathom Analytics integration
- Syntax highlighting
- Dark mode
- Twitter cards and opengraph tags support
- Disqus and Commento comments
- RSS feeds
- AddToAny support
- Inbuilt Search Support
- Minimal post metadata like Reading Time
- Simple pagination with page indicators
- Two navigation menus
- Menu bar with left/right split
- Navigation bar with custom tree
## Get Started
### Clone as submodule in your hugo site
```
git submodule add https://github.com/rhnvrm/bodhi themes/bodhi
```
### Sample Config
After cloning the submodule, you can need to update your hugo config.toml
You can use the following sample config file:
```toml
baseURL = "https://rohanverma.net/"
languageCode = "en-us"
title = "Rohan Verma"
theme = "bodhi"
googleAnalytics = "xxxx"
[params]
subtitle = "(rhnvrm)"
avatar = "/images/avatar.jpg"
author = "Rohan Verma"
commentoSrc = "https://commento.myselfhostedinstance.net/js/commento.js"
footerMessage = "Feel free to use the content of this website with appropriate attribution to the author."
[[menu.main]]
name = "home"
url = "/"
weight = 1
[[menu.main_right]]
name = "contact"
url = "/contact/"
weight = 1
[[menu.nav]]
name = "projects"
url = "/projects"
weight = 2
[[menu.nav]]
parent = "projects"
name = "bodhi"
url = "/projects/bodhi"
weight = 1
[[menu.nav]]
name = "blogs"
url = "/blog"
weight = 1
[[menu.nav]]
parent = "blogs"
name = "archive"
url = "/archive"
weight = 1
[[menu.nav]]
parent = "blogs"
name = "tags"
url = "/tags"
weight = 2
[[menu.nav]]
parent = "blogs"
name = "categories"
url = "/categories"
weight = 3
[markup.goldmark.renderer]
unsafe= true
[outputs]
home = ["HTML", "RSS", "JSON"]
[params.fathomAnalytics]
siteID = "XXXXX"
serverURL = "https://fathom.myselfhostedinstance.net"
[markup]
[markup.highlight]
codeFences = true
guessSyntax = true
lineNoStart = 1
noClasses = false
tabWidth = 4
```
## Inspiration - suckless
[suckless](https://suckless.org) is known for their focus on simplicity and clarity. Their website is a good example of simple website design. I really liked how they use the two-column design as a mini-sitemap. This tree layout, is something that is familiar and intuitive to a lot of people. This inspired me to build [Bodhi](/projects/bodhi) to have a two-column layout with the column showing a tree like column on the left.
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
Congo
Congo is a minimal Hugo content theme built on Tailwind CSS 3.0, designed for blogs, portfolios, and lightweight content sites. It offers multiple homepage layouts, customizable dark mode, multilingual support including RTL, and built-in client-side search, Mermaid, Chart.js, and KaTeX.
Hugo · Blog
toha
Toha is a Hugo theme for personal portfolios, featuring a minimalist, responsive design with configurable homepage sections such as about, experience timeline, and achievements gallery.
Hugo · Portfolio
hugo-profile
hugo-profile is a mobile-first Hugo theme for personal portfolios and blogs, with multilingual support, light/dark themes, categories and tags, Google Analytics, Disqus comments, and Formspree contact forms.
Hugo · Portfolio
hugo-theme-introduction
Introduction is a minimal Hugo theme that can be configured as a single-page site or a full site with multiple sections. Homepage sections are generated from Markdown files under content/home/, with weight sorting and optional images.
Hugo · Portfolio
hugo-theme-console
A minimalist, responsive Hugo theme inspired by the system terminal and built on Terminal CSS. It includes blog posts, photo galleries, and custom pages, with light/dark theming and style overrides via CSS variables.
Hugo · Portfolio