Hugo博客工具站

hugoblog — Hugo 博客模板

作者 zuramai

Hugoblog 是一个基于 Hugo 的响应式个人博客主题，代码简洁，采用 MIT 许可，附带 exampleSite 配置示例。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览首屏预览

来自项目 README 的原始预览。

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

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

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

值得关注的模板亮点

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

基于 Hugo 静态站点生成器的个人博客主题

响应式布局，页面风格简洁

提供 exampleSite 目录与 config.toml 示例配置

支持通过 config.toml 设置站点 logo

可通过 disqusShortname 启用 Disqus 评论

采用 MIT 许可，仓库附带许可证文件

模板详细介绍

Hugoblog 是面向 Hugo 静态站点生成器的博客主题，定位为个人博客，强调响应式、简洁的页面结构。仓库提供 exampleSite 目录，内含 config.toml 示例，可作为站点配置的起点；主题通过 Hugo 的 themes 目录安装，可克隆或作为 git submodule 引入。

功能方面，主题支持在 config.toml 中设置站点 logo（site_logo 指向 /static 下的图片路径），并可通过 disqusShortname 启用 Disqus 评论。README 未说明其他内容类型、多语言、搜索或分页等能力，也未给出性能或生产环境适用性的说明。

使用限制：安装前需要 Hugo 扩展版（extended version）并已创建 Hugo 站点；主题最后更新时间为 2022 年，未标注兼容的 Hugo 版本范围。演示图片、字体、图标等第三方素材需按各自许可单独核对，代码的 MIT 许可不覆盖这些素材。

Hugo博客工具站

适合你的项目吗？

适用场景

搭建个人博客并发布文章
作为 Hugo 站点主题进行二次修改
需要为博客接入 Disqus 评论的场景
希望以示例配置快速起步的 Hugo 项目

适合人群

使用 Hugo 构建个人博客的开发者
需要简洁响应式博客外观的用户
接受自行配置评论与站点标识的站点维护者

上手与定制指南

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

1
需先安装 Hugo 扩展版（extended version）并创建 Hugo 站点
2
在站点 themes 目录克隆仓库，或将仓库添加为 git submodule
3
在站点根目录 config.toml 中设置 theme = "hugoblog"
4
可复制 exampleSite/config.toml 到站点根目录作为配置起点
5
站点 logo 需上传至 /static 目录，并在 config.toml 的 params.site_logo 中填写路径

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

使用前必须安装 Hugo 扩展版（extended version），非扩展版无法正常构建该主题。
评论功能依赖第三方 Disqus 服务，需自行注册 Disqus 站点并填写 shortname，属于外部服务依赖。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

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

installed extended version of Hugo
README 原文

You could use Disqus comment by activating them in the `config.toml` and put your disqus shortname.
README 原文

https://github.com/zuramai/hugoblog/blob/main/LICENSE https://github.com/zuramai/hugoblog/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 65 / 100
技术栈: Hugo
网站类型: 博客 · 工具站

这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: c7045274e47a56f39015213628f3267ad9db8407fb5fcf3e33d73e9740c9dfdf

2026-10-02T10:17:28.789Z

来源文件 / 仓库

# Hugoblog
Hugoblog is responsive, simple, and clean that very fit for your personal blog based on Hugo Theme Static Site Generator (SSG)

![Screenshot](https://github.com/zuramai/hugoblog/blob/main/images/tn.png?raw=true)

Click **[here](https://blog.saugi.me/)** for live demo.

## Installation

*Before starting, please be sure that you have
[installed extended version of Hugo](https://github.com/gohugoio/hugo/releases) and
[created a new site](https://gohugo.io/getting-started/quick-start/#step-2-create-a-new-site). After that, you ready to
install **Hugoblog**.*

In your Hugo site `themes` directory, run:

```
git clone https://github.com/zuramai/hugoblog
```

Or, if you don't plan to make any significant changes, but want to track and update the theme, you can add it as a git
submodule via the following command:

```
git submodule add https://github.com/zuramai/hugoblog
```

Next, open `config.toml` in the base of the Hugo site and ensure the theme option is set to `hugoblog`:

```
theme = "hugoblog"
```

For more information read the official [setup guide](https://gohugo.io/themes/installing-and-using-themes/) of Hugo.



## Getting started

After installing the theme successfully it requires a just a few more steps to get your site running.


### The config file

Take a look inside the [`exampleSite`](https://github.com/zuramai/hugoblog/tree/main/exampleSite) folder of this theme. You'll find a file called [`config.toml`](https://github.com/zuramai/hugoblog/blob/master/exampleSite/config.toml). To use it, copy the [`config.toml`](https://github.com/zuramai/hugoblog/blob/master/exampleSite/config.toml) in the root folder of your Hugo site. Feel free to change the strings in this theme.

## Change site logo
Upload your site logo to the `/static` folder in your project, then edit `config.toml` and change `site_logo` value your image path. For example:
```toml
[params]
  site_logo = "/images/logo.svg"
```

## Comments Section
You could use Disqus comment by activating them in the `config.toml` and put your disqus shortname.
```toml
disqusShortname = "your-disqus-site-shortname"
```

# License
This template is under MIT License

反馈内容错误