Hugo工具站

hugo-pure — Hugo 工具站模板

作者 undus5

hugo-pure 是一个面向 Hugo 静态网站生成器的简洁主题，支持响应式布局、自动暗色模式与多语言，且不依赖 JavaScript。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

响应式设计，适配移动设备浏览

暗色模式支持自动切换

支持多语言站点

页面不使用 JavaScript

通过 robots.txt 限制 AI 爬虫

提供列表页与单页的自定义 front matter 参数

模板详细介绍

hugo-pure 是发布在 GitHub 上的 Hugo 主题，仓库描述为“Theme for Hugo static website generator”，作者在 README 中说明其定位是简单、干净，并在 Hugo v0.147.3 上做过测试，同时提供了在线演示站点。

主题特性集中在展示与阅读层面：响应式设计以适配移动设备，暗色模式可自动切换，支持多语言，页面本身不使用 JavaScript，并通过 robots.txt 限制 AI 爬虫。README 还列出了若干自定义 front matter 参数，用于控制列表页与单页行为。

列表页（_index.md）可设置 pageSize 控制每页文章数，doubleColumns 切换列表样式，后者也可写在全局 hugo.toml 中。单页可设置 showToc 开启目录、showSummary 在列表显示摘要、hidden 从首页/栏目/RSS 等列表中隐藏，subtitle 添加副标题，并可通过 [[sources]] 数组在标签旁添加外部来源链接。

定制方面，favicon 默认留空，将图片放到自己项目的 assets/favicon.png 即会自动加载；页脚菜单支持 type、targetBlank、format 等额外参数；如需覆盖 CSS 或添加 JS，可在自己项目中创建带特定 block 名称的 partial 模板，或通过 assets 目录配合 Hugo 资源管道合并、压缩后引入。README 在 Credit 部分注明参考了 pure-css。

Hugo工具站

适合你的项目吗？

适用场景

用 Hugo 搭建以文章阅读为主的个人博客或文档站
需要暗色模式与多语言、且希望页面不依赖 JavaScript 的站点
希望通过 front matter 控制每页文章数、目录、摘要与隐藏状态的内容站

适合人群

使用 Hugo 静态网站生成器的开发者
偏好无 JavaScript 前端、注重简洁排版的站点作者
需要多语言与自动暗色模式支持的博客或文档项目

上手与定制指南

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

1
将主题以 git submodule 方式加入项目的 themes/hugo-pure 目录
2
在项目配置文件中设置 theme = 'hugo-pure'
3
也可进入主题目录执行 ./demo.sh run 直接运行演示
4
README 说明主题在 Hugo v0.147.3 上测试过
5
favicon 默认留空，需要时把图片放到自己项目的 assets/favicon.png

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

该主题仅在 Hugo v0.147.3 上测试过，使用其他 Hugo 版本时可能不兼容或出现渲染问题，需自行验证。
使用方式要求以 git submodule 将主题克隆到项目的 themes/hugo-pure 目录，需具备 git 与 Hugo 环境。
favicon 默认留空，如需图标须自行在项目 assets/favicon.png 提供图片，主题不附带该素材。
README 的 Credit 部分注明参考了 pure-css，若沿用其样式资源需另行核对 pure-css 的许可与署名要求。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

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

Tested on hugo v0.147.3
README 原文

# Clone theme to your own project $ git submodule add https://github.com/undus5/hugo-pure themes/hugo-pure
README 原文

The favicon is empty by default, if needed, put one into `assets/favicon.png` in your own project
README 原文

https://pure-css.github.io/
README 原文

https://github.com/undus5/hugo-pure/blob/main/LICENSE https://github.com/undus5/hugo-pure/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

这个分数如何计算

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

这个项目需要核对什么

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

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 4091dd670ad698e153c1e467bf09d4b29d3a42e07c5360f5e208d57d596bd6c2

2026-10-02T16:23:09.810Z

来源文件 / 仓库

# hugo-pure

English,[中文](https://github.com/undus5/hugo-pure/blob/main/README.zh.md)

A simple and clean [Hugo](https://gohugo.io) theme, Live Demo: https://hugo-pure.undus.net

Tested on hugo v0.147.3

## Features

- Responsive design (mobile device support)

- Dark mode support (auto switch)

- Multilingual support

- No Javascript

- Disallow AI crawler (robots.txt)

- Useful custom front matters

## Usage

```
# Clone theme to your own project
$ git submodule add https://github.com/undus5/hugo-pure themes/hugo-pure

# Add theme to your project's config file
$ echo "theme = 'hugo-pure'" >> config.toml

# Or you can run demo directly
$ cd hugo-pure
$ ./demo.sh run
```

## Custom Front Matters

### List Page (_index.md)

```
+++
pageSize      = 5      # number of posts per page
doubleColumns = true   # list style, also available in global hugo.toml
+++
```

### Single Page

```
+++
showToc     = true       # enable table of contents
showSummary = true       # show summary on list
hidden      = true       # hidden from any list (home, section, rss)
subtitle    = "Foo Bar"  # subtitle (contributed by @carmenbianca, thanks)

# add external source links beside tags

[[sources]]
title = "Source1"
url   = "https://gohugo.io/documentation/"

[[sources]]
title = "Source2"
url   = "https://gohugo.io/about/"
+++
```

## Customization

### Favicon

The favicon is empty by default, if needed, put one into `assets/favicon.png` in your own project,
it will be loaded automatically.

### Footer Menu

Following are extra parameters for the footer menu, refer to `config/demo/hugo.toml` for use case.

```
[[menus.footer.params]]
type        = "link" or "plain"
targetBlank = true
format      = "rss"
```

### CSS & JS

If you want to overwrite CSS or add JS, just create some partial templates
in your own project with specific block names, for examples:

`layouts/partials/mycss.html`

```
{{ define "css" }}
<style> ... </style>
{{ end }}
```

`layouts/partials/myjs.html`

```
{{ define "js" }}
<script> ... </script>
{{ end }}
```

Or `layouts/partials/myassets.html`, `assets/mystyle.css`, `assets/myscript.js`

```
{{ define "css" }}
    {{- $css := slice }}
    {{- $css = $css | append (resources.Get "mystyle.css") }}
    {{- $css = $css | resources.Concat "mystyle.bundle.css" }}
    {{- $css = $css | resources.Minify }}
    <link rel="stylesheet" href="{{- $css.RelPermalink -}}">
{{ end }}

{{ define "js" }}
    {{- $js := slice }}
    {{- $js = $js | append (resources.Get "myscript.css") }}
    {{- $js = $js | resources.Concat "myscript.bundle.css" }}
    {{- $js = $js | resources.Minify }}
    <script src="{{- $js.RelPermalink -}}"></script>
{{ end }}
```

## Credit

https://pure-css.github.io/

反馈内容错误