Hugo启动器

enervoid-theme — Hugo 启动器模板

作者 Enerhim

enervoid-theme 是一个采用 MIT 许可的 Hugo 黑色主题,支持 KaTeX 数学公式与 Mermaid 图表,包含首页、博客、个人与项目等页面结构。

看看你的网站会是什么样

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

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

黑色配色、结构简洁的 Hugo 主题,MIT 许可发布

02

内置 KaTeX 数学公式支持,通过 Goldmark passthrough 配置定界符

03

内置 Mermaid 图表支持,README 提供 code 示例

04

预设首页、博客/个人、项目三类页面与对应菜单

05

配置示例包含头像与社交链接参数,社交图标使用 devicon 与 Font Awesome 类名

06

代码高亮采用 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启动器

适合你的项目吗?

适用场景

  • 搭建以文字与公式为主的个人博客或笔记站点
  • 需要展示数学推导、公式排版的 Hugo 站点
  • 需要在文章中嵌入 Mermaid 流程图或时序图的文档站点
  • 以项目列表形式展示个人作品并附 GitHub、网站或外部链接
  • 希望用黑色主题快速起步、再按需修改模板的 Hugo 用户

适合人群

  • 使用 Hugo 并熟悉 hugo.toml 配置的开发者
  • 需要 KaTeX 数学公式与 Mermaid 图表的内容作者
  • 想搭建个人博客、笔记或项目展示页的个人用户
  • 接受 MIT 许可条款、可自行核对第三方素材授权的使用者

上手与定制指南

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

  1. 1

    先执行 hugo new site my-site 并进入目录,再以 git submodule add 或 git clone 将主题放到 themes/enervoid

  2. 2

    复制 themes/enervoid/example/hugo.toml 到站点根目录作为配置起点,并按需修改 baseURL、title、菜单与 params

  3. 3

    运行 hugo server -D 本地预览,默认访问 http://localhost:1313

  4. 4

    内容分别用 hugo new blog/xxx.md、hugo new personal/xxx.md、hugo new projects/xxx.md 创建

  5. 5

    数学公式需保留配置中的 markup.goldmark.extensions.passthrough 设置,写法可参考仓库 content/blog 下的示例文件

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

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.




反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。