Hugo作品集

bodhi — Hugo 作品集模板

作者 rhnvrm

Bodhi 是一个面向 Hugo 的极简个人网站主题，采用两栏布局，左侧以树状导航呈现站点结构，适合个人主页、项目与博客内容。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

两栏布局，左侧以树状导航展示站点层级，参考 suckless 的迷你站点地图设计

内置深色模式、语法高亮、RSS 输出与站内搜索

支持 Disqus 与 Commento 评论，可接入 Google Analytics 与 Fathom Analytics

提供 Twitter cards 与 Open Graph 标签，并支持 AddToAny 分享

导航分为左右分栏的菜单栏与支持父子层级的自定义树状导航

文章元信息精简，包含阅读时间与带页码指示的分页

模板详细介绍

Bodhi 是发布在 GitHub 上的 Hugo 主题，定位为简单、极简的个人网站主题。它使用两栏布局，左侧栏以树状导航展示站点层级，作者说明这一设计参考了 suckless 网站把两栏当作迷你站点地图的做法。主题内置深色模式、语法高亮、RSS 输出、内置搜索、分页与阅读时间等文章元信息，并支持 Twitter cards 与 Open Graph 标签。评论方面集成 Disqus 与 Commento，分析方面可接入 Google Analytics 与 Fathom Analytics，分享可接入 AddToAny。导航提供两种菜单：可左右分栏的菜单栏，以及支持父子层级的自定义树状导航。

使用方式为将仓库作为 Git 子模块克隆到 Hugo 站点的 themes/bodhi 目录，并在 config.toml 中设置 theme = "bodhi" 及相应参数。README 给出的示例配置包含 baseURL、title、subtitle、avatar、author、footerMessage 等站点参数，以及 menu.main、menu.main_right、menu.nav 三组菜单定义，其中 menu.nav 通过 parent 字段构建树状层级。示例还包含 Google Analytics 与 Fathom Analytics 的配置项、Commento 脚本地址、Goldmark 的 unsafe 渲染开关、首页输出 HTML/RSS/JSON 的 outputs 设置，以及 highlight 代码高亮选项。

限制方面：主题功能以 README 列出的项目为准，未说明的内容不应假定存在；评论、分析、分享等能力依赖对应第三方服务，需要自行提供账号或自托管地址。仓库采用 MIT 许可，可免费使用、修改、商用和分发该版本代码，但演示图片、字体、图标等第三方素材需按各自许可单独核对。

Hugo作品集

适合你的项目吗？

适用场景

搭建个人主页，用树状导航组织项目、博客、标签与分类等页面
写技术博客，需要代码语法高亮、RSS 订阅与站内搜索
为文章接入 Disqus 或 Commento 评论，并统计访问数据
在深色与浅色阅读模式之间切换的个人站点

适合人群

使用 Hugo 构建个人网站或作品集的开发者
偏好极简两栏布局与树状导航的站点作者
需要评论、分析、分享等第三方服务可配置接入的用户
希望以 Git 子模块方式引入主题的 Hugo 项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
在 Hugo 站点中执行 git submodule add https://github.com/rhnvrm/bodhi themes/bodhi 将主题添加为子模块
2
在 config.toml 中设置 theme = "bodhi"，并按需填写 subtitle、avatar、author、footerMessage 等 params
3
配置 menu.main、menu.main_right 与 menu.nav 菜单，menu.nav 使用 parent 字段构建树状层级
4
评论、分析与分享功能需自行提供对应服务地址或账号，如 commentoSrc、googleAnalytics、Fathom siteID
5
示例配置启用 Goldmark 的 unsafe 渲染并设置首页输出 HTML、RSS、JSON，使用前请确认是否符合站点需要

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

评论功能依赖第三方服务 Commento，需自行提供自托管实例地址或账号，否则评论不可用。
Google Analytics 统计需自行申请并填写跟踪 ID，属于外部服务，非主题自带能力。
Fathom Analytics 需自备 siteID 与自托管服务器地址，属外部服务依赖。
示例配置启用 Goldmark 的 unsafe 渲染，允许原始 HTML 注入，使用前需自行评估安全影响。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

commentoSrc = "https://commento.myselfhostedinstance.net/js/commento.js"
README 原文

googleAnalytics = "xxxx"
README 原文

[params.fathomAnalytics] siteID = "XXXXX" serverURL = "https://fathom.myselfhostedinstance.net"
README 原文

unsafe= true
README 原文

https://github.com/rhnvrm/bodhi/blob/master/LICENSE https://github.com/rhnvrm/bodhi/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 75 / 100
技术栈: Hugo
网站类型: 作品集

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-06-03
截图检查日期: 2026-10-02

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: cdf740ce463b47b194f9fdd9c7d4ba1a1a1ab6f20c96ceb94452bda2a146f5a6

2026-10-02T20:01:43.305Z

来源文件 / 仓库

# 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

![preview](https://rohanverma.net/projects/bodhi/preview.png)

![preview_dark](https://rohanverma.net/projects/bodhi/preview_dark.png)

## 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.

反馈内容错误