黑色配色、结构简洁的 Hugo 主题,MIT 许可发布
enervoid-theme — Hugo 启动器模板
作者 Enerhim
enervoid-theme 是一个采用 MIT 许可的 Hugo 黑色主题,支持 KaTeX 数学公式与 Mermaid 图表,包含首页、博客、个人与项目等页面结构。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
内置 KaTeX 数学公式支持,通过 Goldmark passthrough 配置定界符
内置 Mermaid 图表支持,README 提供 code 示例
预设首页、博客/个人、项目三类页面与对应菜单
配置示例包含头像与社交链接参数,社交图标使用 devicon 与 Font Awesome 类名
代码高亮采用 monokai 样式,tab 宽度等可在 hugo.toml 中调整
模板详细介绍
enervoid-theme 是面向 Hugo 的静态站点主题,整体为黑色配色,仓库说明中定位为“简单黑色主题”,并额外提供 KaTeX 与 Mermaid 支持。主题在 Hugo Themes 上发布,演示站点为 https://enerhim.github.io/enervoid-demo/。
从仓库 README 的截图与配置示例看,主题预设了首页、博客/个人、项目三类内容展示,并提供菜单、头像、社交链接等参数。Markdown 方面,配置示例通过 Goldmark 的 passthrough 扩展启用数学公式定界符,并给出 math、formats、embeds、code 等示例文件;代码高亮使用 monokai 样式。
使用方式为 Hugo 常规流程:新建站点、以 Git submodule 或直接克隆方式把主题放入 themes/enervoid,复制 example/hugo.toml 作为站点配置,再运行 hugo server -D 预览。内容通过 hugo new 命令分别创建 blog、personal、projects 下的 Markdown 文件,项目页 front matter 支持 summary、github、website、link 等字段。
限制方面:资料未说明主题的浏览器兼容范围、可访问性支持或长期维护计划;演示图片、字体、图标等第三方素材需按各自许可单独核对,MIT 许可仅覆盖该版本代码。
适合你的项目吗?
适用场景
- 搭建以文字与公式为主的个人博客或笔记站点
- 需要展示数学推导、公式排版的 Hugo 站点
- 需要在文章中嵌入 Mermaid 流程图或时序图的文档站点
- 以项目列表形式展示个人作品并附 GitHub、网站或外部链接
- 希望用黑色主题快速起步、再按需修改模板的 Hugo 用户
适合人群
- 使用 Hugo 并熟悉 hugo.toml 配置的开发者
- 需要 KaTeX 数学公式与 Mermaid 图表的内容作者
- 想搭建个人博客、笔记或项目展示页的个人用户
- 接受 MIT 许可条款、可自行核对第三方素材授权的使用者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
先执行 hugo new site my-site 并进入目录,再以 git submodule add 或 git clone 将主题放到 themes/enervoid
- 2
复制 themes/enervoid/example/hugo.toml 到站点根目录作为配置起点,并按需修改 baseURL、title、菜单与 params
- 3
运行 hugo server -D 本地预览,默认访问 http://localhost:1313
- 4
内容分别用 hugo new blog/xxx.md、hugo new personal/xxx.md、hugo new projects/xxx.md 创建
- 5
数学公式需保留配置中的 markup.goldmark.extensions.passthrough 设置,写法可参考仓库 content/blog 下的示例文件
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/Enerhim/enervoid-theme/blob/main/LICENSEhttps://github.com/Enerhim/enervoid-theme/blob/main/README.mdPermission is hereby granted, free of charge
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- Hugo Themes
- 资料与维护参考分
- 资料较完整 · 87 / 100
- 技术栈
- Hugo
- 网站类型
- 启动器
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-09-29
- 截图检查日期
- 2026-10-03
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: 381d58d61a99ca7c7873af581f5ba7fd90485206b25023cdbfb47bdc1c307b2b
2026-10-03T07:29:22.538Z
来源文件 / 仓库<h1 align="center">Enervoid Theme</h1>
<p align="center">
A simple black theme for Hugo with KaTeX & mermaid support.
</p>
<p align="center">
<img src="https://img.shields.io/github/license/Enerhim/enervoid-theme?color=blue"/>
</p>
[Demo Site](https://enerhim.github.io/enervoid-demo/)
## Images
<details>
<summary>Lists</summary>
### Home:
<img width="1920" height="1080" alt="Enervoid Home" src="https://github.com/user-attachments/assets/224c0d55-1705-4824-86fe-6b7c49682031" />
### Blog / Personal:
<img width="1920" height="1080" alt="Enervoid Blog / Personal" src="https://github.com/user-attachments/assets/56a484c5-b3bb-478a-859f-f862bbb3a2b6" />
### Projects:
<img width="1920" height="1080" alt="Enervoid Projects" src="https://github.com/user-attachments/assets/62ba3d14-2764-4a6a-a60f-f64157583cf9" />
</details>
<details>
<summary>Markdown</summary>
### Math / Katex
<img width="1920" height="1080" alt="KaTex" src="https://github.com/user-attachments/assets/63f3dfbd-3d41-46b1-b265-d7eef9678eb3" />
### Formattings
<img width="1920" height="1080" alt="image" src="https://github.com/user-attachments/assets/59765ecc-b26a-4a66-87f9-d1aa9d27381f" />
### Code / Mermaid
<img width="1920" height="1080" alt="Code" src="https://github.com/user-attachments/assets/d181782a-e169-4d5d-96ae-c6ef19712a28" />
### Embeds
<img width="1920" height="1080" alt="Embeds" src="https://github.com/user-attachments/assets/3ee06cff-ce39-4445-b4ab-2aa6fc2488be" />
</details>
## Installation
1. **Create a new Hugo site** (or use existing):
```bash
hugo new site my-site
cd my-site
```
2. **Install the theme** using Git submodule:
```bash
git init
git submodule add https://github.com/Enerhim/enervoid-theme.git themes/enervoid
```
Or clone it directly:
```bash
git clone https://github.com/Enerhim/enervoid-theme.git themes/enervoid
```
4. **Configure your site** — Copy the example configuration:
```bash
cp themes/enervoid/example/hugo.toml ./hugo.toml
```
5. **Start Hugo server**:
```bash
hugo server -D
```
6. **Visit** `http://localhost:1313` in your browser.
## Configuration
The default `hugo.toml` configuration file:
```toml
baseURL = 'https://example.com'
languageCode = 'en-us'
title = "Your Name"
theme = "enervoid"
[menus]
[[menus.main]]
name = 'Blog'
pageRef = '/blog'
weight = 10
[[menus.main]]
name = 'Personal'
pageRef = '/personal'
weight = 20
[[menus.main]]
name = 'Projects'
pageRef = '/projects'
weight = 30
[params]
avatar = "https://picsum.photos/200"
[[params.socials]]
link = "https://github.com/yourgithub"
icon = "devicon-github-original"
[[params.socials]]
link = "https://twitter.com/yourx"
icon = "devicon-twitter-original"
[[params.socials]]
link = "https://linkedin.in/yourlinkedin"
icon = "devicon-linkedin-plain"
[[params.socials]]
link = "https://itch.io/profile/youritch"
icon = "fa-brands fa-itch-io"
[markup]
[markup.goldmark]
[markup.goldmark.extensions.passthrough]
enable = true
[markup.goldmark.extensions.passthrough.delimiters]
block = [['$$','$$'], ['\\[','\\]']]
inline = [['$','$'], ['\\(','\\)']]
[markup.goldmark.parser]
[markup.goldmark.parser.attribute]
block = true
[markup.highlight]
noClasses = true
codeFences = true
guessSyntax = true
tabWidth = 4
style = "monokai"
```
For markdown configuration,
- For katex/ math, see [math.md](https://github.com/Enerhim/enervoid-theme/blob/main/content/blog/math.md?plain=1)
- For formatting, see [formats.md](https://github.com/Enerhim/enervoid-theme/blob/main/content/blog/formats.md?plain=1)
- For images and embeds, see [embeds.md](https://github.com/Enerhim/enervoid-theme/blob/main/content/blog/embeds.md?plain=1)
- For code and mermaid, see [code.md](https://github.com/Enerhim/enervoid-theme/blob/main/content/blog/code.md?plain=1)
## Creating Content
**Blog Post:**
```bash
hugo new blog/my-first-post.md
```
```markdown
+++
title = "My first post"
date = 2024-03-22T14:45:30Z
tags = ["Your", "Tags"]
description = "Your description."
+++
Your content here...
```
Note: Creating a personal post is identical to blog post. Just do
```bash
hugo new personal/my-personal-post.md
```
**Project:**
```bash
hugo new projects/my-project.md
```
```markdown
+++
title = "My first project"
date = 2024-03-22T14:45:30Z
tags = ["Your", "Project"]
summary = "Your project summary."
github= "Your Github"
website= "Or your website"
link= "Or any other link"
+++
Fallback content
```
## License
This theme is released under the MIT License. See [LICENSE](LICENSE) for details.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

hugo-xmin
eXtremely Minimal Hugo theme: about 140 lines of code in total, including HTML and CSS (with no dependencies)
Hugo · 启动器

hugo-theme-gallery
Gallery Theme for Hugo
Hugo · 启动器

reveal-hugo
📽️ Create rich HTML-based presentations with Hugo and Reveal.js
Hugo · 启动器

anatole
Anatole is a minimalistic two-column theme for Hugo.
Hugo · 启动器

hugo-theme-diary
Moments piled up. A Hugo theme ported from SumiMakito/hexo-theme-Journal.
Hugo · 启动器

risotto
A minimalist, responsive hugo theme inspired by terminal ricing aesthetics.
Hugo · 启动器
